diff --git a/elements/pfe-accordion/dist/pfe-accordion.js b/elements/pfe-accordion/dist/pfe-accordion.js
new file mode 100644
index 0000000000..84f89d8bc4
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.js
@@ -0,0 +1,674 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL Array.prototype.findIndex
+// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
+if (!Array.prototype.findIndex) {
+ Object.defineProperty(Array.prototype, "findIndex", {
+ value: function(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return k.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return k;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return -1.
+ return -1;
+ }
+ });
+}
+
+/*!
+ * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+function generateId() {
+ return Math.random()
+ .toString(36)
+ .substr(2, 9);
+}
+
+class PfeAccordion extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {};
+ }
+
+ static get slots() {
+ return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-accordion-header"},{"$ref":"pfe-accordion-panel"}]}}};
+ }
+ static get tag() {
+ return "pfe-accordion";
+ }
+
+ get styleUrl() {
+ return "pfe-accordion.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-accordion.html";
+ }
+
+ get schemaUrl() {
+ return "pfe-accordion.json";
+ }
+
+ static get cascadingAttributes() {
+ return {
+ on: "pfe-accordion-header, pfe-accordion-panel"
+ };
+ }
+
+ static get events() {
+ return {
+ change: `${this.tag}:change`
+ };
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Container;
+ }
+
+ static get observedAttributes() {
+ return ["pfe-disclosure"];
+ }
+
+ constructor() {
+ super(PfeAccordion, { type: PfeAccordion.PfeType });
+
+ this._linkPanels = this._linkPanels.bind(this);
+ this._observer = new MutationObserver(this._linkPanels);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.setAttribute("role", "tablist");
+ this.setAttribute("defined", "");
+
+ this.addEventListener(PfeAccordion.events.change, this._changeHandler);
+ this.addEventListener("keydown", this._keydownHandler);
+
+ Promise.all([
+ customElements.whenDefined(PfeAccordionHeader.tag),
+ customElements.whenDefined(PfeAccordionPanel.tag)
+ ]).then(() => {
+ if (this.children.length) {
+ this._linkPanels();
+ }
+
+ this._observer.observe(this, { childList: true });
+ });
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener(PfeAccordion.events.change, this._changeHandler);
+ this.removeEventListener("keydown", this._keydownHandler);
+ this._observer.disconnect();
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback(attr, oldVal, newVal);
+
+ if (attr === "pfe-disclosure") {
+ if (newVal === "true") {
+ this._allHeaders().forEach(header =>
+ header.setAttribute("pfe-disclosure", "true")
+ );
+ this._allPanels().forEach(panel =>
+ panel.setAttribute("pfe-disclosure", "true")
+ );
+ } else {
+ this._allHeaders().forEach(header =>
+ header.setAttribute("pfe-disclosure", "false")
+ );
+ this._allPanels().forEach(panel =>
+ panel.setAttribute("pfe-disclosure", "false")
+ );
+ }
+ }
+ }
+
+ toggle(index) {
+ const headers = this._allHeaders();
+ const panels = this._allPanels();
+ const header = headers[index];
+ const panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ if (!header.expanded) {
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ } else {
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+ }
+
+ expand(index) {
+ const headers = this._allHeaders();
+ const panels = this._allPanels();
+ const header = headers[index];
+ const panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ }
+
+ expandAll() {
+ const headers = this._allHeaders();
+ const panels = this._allPanels();
+
+ headers.forEach(header => this._expandHeader(header));
+ panels.forEach(panel => this._expandPanel(panel));
+ }
+
+ collapse(index) {
+ const headers = this._allHeaders();
+ const panels = this._allPanels();
+ const header = headers[index];
+ const panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+
+ collapseAll() {
+ const headers = this._allHeaders();
+ const panels = this._allPanels();
+
+ headers.forEach(header => this._collapseHeader(header));
+ panels.forEach(panel => this._collapsePanel(panel));
+ }
+
+ _linkPanels() {
+ const headers = this._allHeaders();
+ headers.forEach(header => {
+ const panel = this._panelForHeader(header);
+
+ if (!panel) {
+ return;
+ }
+
+ header.setAttribute("aria-controls", panel.pfeId);
+ panel.setAttribute("aria-labelledby", header.pfeId);
+ });
+
+ if (headers.length === 1) {
+ if (
+ this.hasAttribute("pfe-disclosure") &&
+ this.getAttribute("pfe-disclosure") === "false"
+ ) {
+ return;
+ }
+
+ this.setAttribute("pfe-disclosure", "true");
+ }
+
+ if (headers.length > 1) {
+ if (this.hasAttribute("pfe-disclosure")) {
+ this.removeAttribute("pfe-disclosure");
+ }
+ }
+ }
+
+ _changeHandler(evt) {
+ if (this.classList.contains("animating")) {
+ return;
+ }
+
+ const header = evt.target;
+ const panel = evt.target.nextElementSibling;
+
+ if (evt.detail.expanded) {
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ } else {
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+ }
+
+ _toggle(header, panel) {}
+
+ _expandHeader(header) {
+ header.expanded = true;
+ }
+
+ _expandPanel(panel) {
+ if (!panel) {
+ console.error(
+ `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`
+ );
+ return;
+ }
+
+ if (panel.expanded) {
+ return;
+ }
+
+ panel.expanded = true;
+
+ const height = panel.getBoundingClientRect().height;
+ this._animate(panel, 0, height);
+ }
+
+ _collapseHeader(header) {
+ header.expanded = false;
+ }
+
+ _collapsePanel(panel) {
+ if (!panel) {
+ console.error(
+ `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`
+ );
+ return;
+ }
+
+ if (!panel.expanded) {
+ return;
+ }
+
+ const height = panel.getBoundingClientRect().height;
+ panel.expanded = false;
+
+ this._animate(panel, height, 0);
+ }
+
+ _animate(panel, start, end) {
+ if (panel) {
+ const header = panel.previousElementSibling;
+ if (header) {
+ header.classList.add("animating");
+ }
+ panel.classList.add("animating");
+ panel.style.height = `${start}px`;
+
+ requestAnimationFrame(() => {
+ requestAnimationFrame(() => {
+ panel.style.height = `${end}px`;
+ panel.addEventListener("transitionend", this._transitionEndHandler);
+ });
+ });
+ }
+ }
+
+ _keydownHandler(evt) {
+ const currentHeader = evt.target;
+
+ if (!this._isHeader(currentHeader)) {
+ return;
+ }
+
+ let newHeader;
+
+ switch (evt.key) {
+ case "ArrowDown":
+ case "Down":
+ case "ArrowRight":
+ case "Right":
+ newHeader = this._nextHeader();
+ break;
+ case "ArrowUp":
+ case "Up":
+ case "ArrowLeft":
+ case "Left":
+ newHeader = this._previousHeader();
+ break;
+ case "Home":
+ newHeader = this._firstHeader();
+ break;
+ case "End":
+ newHeader = this._lastHeader();
+ break;
+ default:
+ return;
+ }
+
+ newHeader.shadowRoot.querySelector("button").focus();
+ }
+
+ _transitionEndHandler(evt) {
+ const header = evt.target.previousElementSibling;
+ if (header) {
+ header.classList.remove("animating");
+ }
+ evt.target.style.height = "";
+ evt.target.classList.remove("animating");
+ evt.target.removeEventListener("transitionend", this._transitionEndHandler);
+ }
+
+ _allHeaders() {
+ return [...this.querySelectorAll(PfeAccordionHeader.tag)];
+ }
+
+ _allPanels() {
+ return [...this.querySelectorAll(PfeAccordionPanel.tag)];
+ }
+
+ _panelForHeader(header) {
+ const next = header.nextElementSibling;
+
+ if (!next) {
+ return;
+ }
+
+ if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {
+ console.error(
+ `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`
+ );
+ return;
+ }
+
+ return next;
+ }
+
+ _previousHeader() {
+ const headers = this._allHeaders();
+ let newIndex =
+ headers.findIndex(header => header === document.activeElement) - 1;
+ return headers[(newIndex + headers.length) % headers.length];
+ }
+
+ _nextHeader() {
+ const headers = this._allHeaders();
+ let newIndex =
+ headers.findIndex(header => header === document.activeElement) + 1;
+ return headers[newIndex % headers.length];
+ }
+
+ _firstHeader() {
+ const headers = this._allHeaders();
+ return headers[0];
+ }
+
+ _lastHeader() {
+ const headers = this._allHeaders();
+ return headers[headers.length - 1];
+ }
+
+ _isHeader(element) {
+ return element.tagName.toLowerCase() === PfeAccordionHeader.tag;
+ }
+}
+
+class PfeAccordionHeader extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+ static get tag() {
+ return "pfe-accordion-header";
+ }
+
+ get styleUrl() {
+ return "pfe-accordion-header.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-accordion-header.html";
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ static get observedAttributes() {
+ return ["aria-expanded"];
+ }
+
+ constructor() {
+ super(PfeAccordionHeader);
+
+ this.button = this.shadowRoot.querySelector("button");
+
+ this._init = this._init.bind(this);
+ this._clickHandler = this._clickHandler.bind(this);
+ this._observer = new MutationObserver(this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ if (this.children.length || this.textContent.trim().length) {
+ this._init();
+ }
+
+ this.addEventListener("click", this._clickHandler);
+ this._observer.observe(this, { childList: true });
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener("click", this._clickHandler);
+ this._observer.disconnect();
+ }
+
+ get expanded() {
+ return this.hasAttribute("aria-expanded");
+ }
+
+ set expanded(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("aria-expanded", true);
+ this.button.setAttribute("aria-expanded", true);
+ } else {
+ this.removeAttribute("aria-expanded");
+ this.button.setAttribute("aria-expanded", false);
+ }
+ }
+
+ _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (!this.hasAttribute("role")) {
+ this.setAttribute("role", "heading");
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;
+ }
+
+ const child = this.children[0];
+ let isHeaderTag = false;
+
+ if (child) {
+ switch (child.tagName) {
+ case "H1":
+ case "H2":
+ case "H3":
+ case "H4":
+ case "H5":
+ case "H6":
+ isHeaderTag = true;
+ break;
+ }
+
+ const wrapperTag = document.createElement(child.tagName);
+ this.button.innerText = child.innerText;
+
+ wrapperTag.appendChild(this.button);
+ this.shadowRoot.appendChild(wrapperTag);
+ } else {
+ this.button.innerText = this.textContent.trim();
+ }
+
+ if (!isHeaderTag) {
+ console.warn(
+ `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`
+ );
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, { childList: true });
+ }
+ }
+
+ _clickHandler(event) {
+ this.emitEvent(PfeAccordion.events.change, {
+ detail: { expanded: !this.expanded }
+ });
+ }
+}
+
+class PfeAccordionPanel extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+
+
+
+
`;
+ }
+ static get tag() {
+ return "pfe-accordion-panel";
+ }
+
+ get styleUrl() {
+ return "pfe-accordion-panel.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-accordion-panel.html";
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ constructor() {
+ super(PfeAccordionPanel);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ if (!this.hasAttribute("role")) {
+ this.setAttribute("role", "region");
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;
+ }
+ }
+
+ get expanded() {
+ return this.hasAttribute("expanded");
+ }
+
+ set expanded(val) {
+ const value = Boolean(val);
+
+ if (value) {
+ this.setAttribute("expanded", "");
+ } else {
+ this.removeAttribute("expanded");
+ }
+ }
+}
+
+PFElement.create(PfeAccordionHeader);
+PFElement.create(PfeAccordionPanel);
+PFElement.create(PfeAccordion);
+
+export default PfeAccordion;
+//# sourceMappingURL=pfe-accordion.js.map
diff --git a/elements/pfe-accordion/dist/pfe-accordion.js.map b/elements/pfe-accordion/dist/pfe-accordion.js.map
new file mode 100644
index 0000000000..20bb0cfbfa
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-accordion.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54\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\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-accordion/dist/pfe-accordion.json b/elements/pfe-accordion/dist/pfe-accordion.json
new file mode 100644
index 0000000000..dbdad4c888
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.json
@@ -0,0 +1,40 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Accordion",
+ "description": "This element renders content in an accordion.",
+ "type": "object",
+ "tag": "pfe-accordion",
+ "class": "pfe-accordion",
+ "category": "container",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "default": {
+ "title": "Default",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "pfe-accordion-header"
+ },
+ {
+ "$ref": "pfe-accordion-panel"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {}
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-accordion/dist/pfe-accordion.min.js b/elements/pfe-accordion/dist/pfe-accordion.min.js
new file mode 100644
index 0000000000..10c0492ae8
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.min.js
@@ -0,0 +1,27 @@
+import e from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+function t(){return Math.random().toString(36).substr(2,9)}Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),r=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=arguments[1],a=0;a:host{--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #3c3f42);--pfe-accordion--TextAlign:left;--pfe-accordion--accent:var(--pfe-theme--color--ui-accent, #06c);--pfe-accordion__base--Padding:var(--pfe-theme--container-spacer, 16px);display:block;position:relative;overflow:hidden;margin:0;color:#3c3f42;color:var(--pfe-accordion--Color,var(--pfe-broadcasted--text,#3c3f42))}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;color:#151515!important}}:host([on=dark]){--pfe-accordion--accent:var(--pfe-theme--color--ui-accent--on-dark, #73bcf7)}:host([on=saturated]){--pfe-accordion--accent:var(--pfe-theme--color--ui-accent--on-saturated, #fff)}:host([pfe-disclosure=true]){--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--surface--border, #d2d2d2)}\n/*# sourceMappingURL=pfe-accordion.min.css.map */\n"}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-accordion-header"},{$ref:"pfe-accordion-panel"}]}}}}static get tag(){return"pfe-accordion"}get styleUrl(){return"pfe-accordion.scss"}get templateUrl(){return"pfe-accordion.html"}get schemaUrl(){return"pfe-accordion.json"}static get cascadingAttributes(){return{on:"pfe-accordion-header, pfe-accordion-panel"}}static get events(){return{change:`${this.tag}:change`}}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["pfe-disclosure"]}constructor(){super(r,{type:r.PfeType}),this._linkPanels=this._linkPanels.bind(this),this._observer=new MutationObserver(this._linkPanels)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","tablist"),this.setAttribute("defined",""),this.addEventListener(r.events.change,this._changeHandler),this.addEventListener("keydown",this._keydownHandler),Promise.all([customElements.whenDefined(o.tag),customElements.whenDefined(a.tag)]).then(()=>{this.children.length&&this._linkPanels(),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){this.removeEventListener(r.events.change,this._changeHandler),this.removeEventListener("keydown",this._keydownHandler),this._observer.disconnect()}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),"pfe-disclosure"===e&&("true"===r?(this._allHeaders().forEach(e=>e.setAttribute("pfe-disclosure","true")),this._allPanels().forEach(e=>e.setAttribute("pfe-disclosure","true"))):(this._allHeaders().forEach(e=>e.setAttribute("pfe-disclosure","false")),this._allPanels().forEach(e=>e.setAttribute("pfe-disclosure","false"))))}toggle(e){const t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(o.expanded?(this._collapseHeader(o),this._collapsePanel(a)):(this._expandHeader(o),this._expandPanel(a)))}expand(e){const t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(this._expandHeader(o),this._expandPanel(a))}expandAll(){const e=this._allHeaders(),t=this._allPanels();e.forEach(e=>this._expandHeader(e)),t.forEach(e=>this._expandPanel(e))}collapse(e){const t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(this._collapseHeader(o),this._collapsePanel(a))}collapseAll(){const e=this._allHeaders(),t=this._allPanels();e.forEach(e=>this._collapseHeader(e)),t.forEach(e=>this._collapsePanel(e))}_linkPanels(){const e=this._allHeaders();if(e.forEach(e=>{const t=this._panelForHeader(e);t&&(e.setAttribute("aria-controls",t.pfeId),t.setAttribute("aria-labelledby",e.pfeId))}),1===e.length){if(this.hasAttribute("pfe-disclosure")&&"false"===this.getAttribute("pfe-disclosure"))return;this.setAttribute("pfe-disclosure","true")}e.length>1&&this.hasAttribute("pfe-disclosure")&&this.removeAttribute("pfe-disclosure")}_changeHandler(e){if(this.classList.contains("animating"))return;const t=e.target,r=e.target.nextElementSibling;e.detail.expanded?(this._expandHeader(t),this._expandPanel(r)):(this._collapseHeader(t),this._collapsePanel(r))}_toggle(e,t){}_expandHeader(e){e.expanded=!0}_expandPanel(e){if(!e)return void console.error(`${r.tag}: Trying to expand a panel that doesn't exist`);if(e.expanded)return;e.expanded=!0;const t=e.getBoundingClientRect().height;this._animate(e,0,t)}_collapseHeader(e){e.expanded=!1}_collapsePanel(e){if(!e)return void console.error(`${r.tag}: Trying to collapse a panel that doesn't exist`);if(!e.expanded)return;const t=e.getBoundingClientRect().height;e.expanded=!1,this._animate(e,t,0)}_animate(e,t,r){if(e){const o=e.previousElementSibling;o&&o.classList.add("animating"),e.classList.add("animating"),e.style.height=`${t}px`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{e.style.height=`${r}px`,e.addEventListener("transitionend",this._transitionEndHandler)})})}}_keydownHandler(e){const t=e.target;if(!this._isHeader(t))return;let r;switch(e.key){case"ArrowDown":case"Down":case"ArrowRight":case"Right":r=this._nextHeader();break;case"ArrowUp":case"Up":case"ArrowLeft":case"Left":r=this._previousHeader();break;case"Home":r=this._firstHeader();break;case"End":r=this._lastHeader();break;default:return}r.shadowRoot.querySelector("button").focus()}_transitionEndHandler(e){const t=e.target.previousElementSibling;t&&t.classList.remove("animating"),e.target.style.height="",e.target.classList.remove("animating"),e.target.removeEventListener("transitionend",this._transitionEndHandler)}_allHeaders(){return[...this.querySelectorAll(o.tag)]}_allPanels(){return[...this.querySelectorAll(a.tag)]}_panelForHeader(e){const t=e.nextElementSibling;if(t){if(t.tagName.toLowerCase()===a.tag)return t;console.error(`${r.tag}: Sibling element to a header needs to be a panel`)}}_previousHeader(){const e=this._allHeaders();let t=e.findIndex(e=>e===document.activeElement)-1;return e[(t+e.length)%e.length]}_nextHeader(){const e=this._allHeaders();let t=e.findIndex(e=>e===document.activeElement)+1;return e[t%e.length]}_firstHeader(){return this._allHeaders()[0]}_lastHeader(){const e=this._allHeaders();return e[e.length-1]}_isHeader(e){return e.tagName.toLowerCase()===o.tag}}class o extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return''}static get tag(){return"pfe-accordion-header"}get styleUrl(){return"pfe-accordion-header.scss"}get templateUrl(){return"pfe-accordion-header.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}static get observedAttributes(){return["aria-expanded"]}constructor(){super(o),this.button=this.shadowRoot.querySelector("button"),this._init=this._init.bind(this),this._clickHandler=this._clickHandler.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),(this.children.length||this.textContent.trim().length)&&this._init(),this.addEventListener("click",this._clickHandler),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this.removeEventListener("click",this._clickHandler),this._observer.disconnect()}get expanded(){return this.hasAttribute("aria-expanded")}set expanded(e){(e=Boolean(e))?(this.setAttribute("aria-expanded",!0),this.button.setAttribute("aria-expanded",!0)):(this.removeAttribute("aria-expanded"),this.button.setAttribute("aria-expanded",!1))}_init(){window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("role")||this.setAttribute("role","heading"),this.pfeId||(this.pfeId=`${o.tag}-${t()}`);const e=this.children[0];let r=!1;if(e){switch(e.tagName){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":r=!0}const t=document.createElement(e.tagName);this.button.innerText=e.innerText,t.appendChild(this.button),this.shadowRoot.appendChild(t)}else this.button.innerText=this.textContent.trim();r||console.warn(`${o.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`),window.ShadyCSS&&this._observer.observe(this,{childList:!0})}_clickHandler(e){this.emitEvent(r.events.change,{detail:{expanded:!this.expanded}})}}class a extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'
\n
\n \n
\n
'}static get tag(){return"pfe-accordion-panel"}get styleUrl(){return"pfe-accordion-panel.scss"}get templateUrl(){return"pfe-accordion-panel.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(a)}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","region"),this.pfeId||(this.pfeId=`${a.tag}-${t()}`)}get expanded(){return this.hasAttribute("expanded")}set expanded(e){Boolean(e)?this.setAttribute("expanded",""):this.removeAttribute("expanded")}}e.create(o),e.create(a),e.create(r);export default r;
+//# sourceMappingURL=pfe-accordion.min.js.map
diff --git a/elements/pfe-accordion/dist/pfe-accordion.min.js.map b/elements/pfe-accordion/dist/pfe-accordion.min.js.map
new file mode 100644
index 0000000000..3849a709a9
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-accordion.min.js","sources":["../_temp/pfe-accordion.js","../_temp/polyfills--pfe-accordion.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54\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\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n","// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n"],"names":["generateId","Math","random","toString","substr","Array","prototype","findIndex","Object","defineProperty","value","predicate","this","TypeError","o","len","length","thisArg","arguments","k","kValue","call","PfeAccordion","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","styleUrl","templateUrl","schemaUrl","cascadingAttributes","on","events","change","PfeType","PfeTypes","Container","observedAttributes","[object Object]","super","_linkPanels","bind","_observer","MutationObserver","connectedCallback","setAttribute","addEventListener","_changeHandler","_keydownHandler","Promise","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","children","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","attributeChangedCallback","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_collapseHeader","_collapsePanel","_expandHeader","_expandPanel","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","console","error","height","getBoundingClientRect","_animate","start","end","previousElementSibling","add","style","requestAnimationFrame","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","id","button","_init","_clickHandler","textContent","trim","val","Boolean","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","innerText","appendChild","warn","event","emitEvent","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.js b/elements/pfe-accordion/dist/pfe-accordion.umd.js
new file mode 100644
index 0000000000..2c3566d441
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.umd.js
@@ -0,0 +1,843 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeAccordion = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL Array.prototype.findIndex
+ // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
+ if (!Array.prototype.findIndex) {
+ Object.defineProperty(Array.prototype, "findIndex", {
+ value: function value(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return k.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return k;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return -1.
+ return -1;
+ }
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ function generateId() {
+ return Math.random().toString(36).substr(2, 9);
+ }
+
+ var PfeAccordion = function (_PFElement) {
+ inherits(PfeAccordion, _PFElement);
+ createClass(PfeAccordion, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-accordion.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-accordion.html";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-accordion.json";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-accordion-header" }, { "$ref": "pfe-accordion-panel" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-accordion";
+ }
+ }, {
+ key: "cascadingAttributes",
+ get: function get$$1() {
+ return {
+ on: "pfe-accordion-header, pfe-accordion-panel"
+ };
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ change: this.tag + ":change"
+ };
+ }
+
+ // Declare the type of this component
+
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-disclosure"];
+ }
+ }]);
+
+ function PfeAccordion() {
+ classCallCheck(this, PfeAccordion);
+
+ var _this = possibleConstructorReturn(this, (PfeAccordion.__proto__ || Object.getPrototypeOf(PfeAccordion)).call(this, PfeAccordion, { type: PfeAccordion.PfeType }));
+
+ _this._linkPanels = _this._linkPanels.bind(_this);
+ _this._observer = new MutationObserver(_this._linkPanels);
+ return _this;
+ }
+
+ createClass(PfeAccordion, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ var _this2 = this;
+
+ get(PfeAccordion.prototype.__proto__ || Object.getPrototypeOf(PfeAccordion.prototype), "connectedCallback", this).call(this);
+
+ this.setAttribute("role", "tablist");
+ this.setAttribute("defined", "");
+
+ this.addEventListener(PfeAccordion.events.change, this._changeHandler);
+ this.addEventListener("keydown", this._keydownHandler);
+
+ Promise.all([customElements.whenDefined(PfeAccordionHeader.tag), customElements.whenDefined(PfeAccordionPanel.tag)]).then(function () {
+ if (_this2.children.length) {
+ _this2._linkPanels();
+ }
+
+ _this2._observer.observe(_this2, { childList: true });
+ });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener(PfeAccordion.events.change, this._changeHandler);
+ this.removeEventListener("keydown", this._keydownHandler);
+ this._observer.disconnect();
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeAccordion.prototype.__proto__ || Object.getPrototypeOf(PfeAccordion.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal);
+
+ if (attr === "pfe-disclosure") {
+ if (newVal === "true") {
+ this._allHeaders().forEach(function (header) {
+ return header.setAttribute("pfe-disclosure", "true");
+ });
+ this._allPanels().forEach(function (panel) {
+ return panel.setAttribute("pfe-disclosure", "true");
+ });
+ } else {
+ this._allHeaders().forEach(function (header) {
+ return header.setAttribute("pfe-disclosure", "false");
+ });
+ this._allPanels().forEach(function (panel) {
+ return panel.setAttribute("pfe-disclosure", "false");
+ });
+ }
+ }
+ }
+ }, {
+ key: "toggle",
+ value: function toggle(index) {
+ var headers = this._allHeaders();
+ var panels = this._allPanels();
+ var header = headers[index];
+ var panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ if (!header.expanded) {
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ } else {
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+ }
+ }, {
+ key: "expand",
+ value: function expand(index) {
+ var headers = this._allHeaders();
+ var panels = this._allPanels();
+ var header = headers[index];
+ var panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ }
+ }, {
+ key: "expandAll",
+ value: function expandAll() {
+ var _this3 = this;
+
+ var headers = this._allHeaders();
+ var panels = this._allPanels();
+
+ headers.forEach(function (header) {
+ return _this3._expandHeader(header);
+ });
+ panels.forEach(function (panel) {
+ return _this3._expandPanel(panel);
+ });
+ }
+ }, {
+ key: "collapse",
+ value: function collapse(index) {
+ var headers = this._allHeaders();
+ var panels = this._allPanels();
+ var header = headers[index];
+ var panel = panels[index];
+
+ if (!header || !panel) {
+ return;
+ }
+
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+ }, {
+ key: "collapseAll",
+ value: function collapseAll() {
+ var _this4 = this;
+
+ var headers = this._allHeaders();
+ var panels = this._allPanels();
+
+ headers.forEach(function (header) {
+ return _this4._collapseHeader(header);
+ });
+ panels.forEach(function (panel) {
+ return _this4._collapsePanel(panel);
+ });
+ }
+ }, {
+ key: "_linkPanels",
+ value: function _linkPanels() {
+ var _this5 = this;
+
+ var headers = this._allHeaders();
+ headers.forEach(function (header) {
+ var panel = _this5._panelForHeader(header);
+
+ if (!panel) {
+ return;
+ }
+
+ header.setAttribute("aria-controls", panel.pfeId);
+ panel.setAttribute("aria-labelledby", header.pfeId);
+ });
+
+ if (headers.length === 1) {
+ if (this.hasAttribute("pfe-disclosure") && this.getAttribute("pfe-disclosure") === "false") {
+ return;
+ }
+
+ this.setAttribute("pfe-disclosure", "true");
+ }
+
+ if (headers.length > 1) {
+ if (this.hasAttribute("pfe-disclosure")) {
+ this.removeAttribute("pfe-disclosure");
+ }
+ }
+ }
+ }, {
+ key: "_changeHandler",
+ value: function _changeHandler(evt) {
+ if (this.classList.contains("animating")) {
+ return;
+ }
+
+ var header = evt.target;
+ var panel = evt.target.nextElementSibling;
+
+ if (evt.detail.expanded) {
+ this._expandHeader(header);
+ this._expandPanel(panel);
+ } else {
+ this._collapseHeader(header);
+ this._collapsePanel(panel);
+ }
+ }
+ }, {
+ key: "_toggle",
+ value: function _toggle(header, panel) {}
+ }, {
+ key: "_expandHeader",
+ value: function _expandHeader(header) {
+ header.expanded = true;
+ }
+ }, {
+ key: "_expandPanel",
+ value: function _expandPanel(panel) {
+ if (!panel) {
+ console.error(PfeAccordion.tag + ": Trying to expand a panel that doesn't exist");
+ return;
+ }
+
+ if (panel.expanded) {
+ return;
+ }
+
+ panel.expanded = true;
+
+ var height = panel.getBoundingClientRect().height;
+ this._animate(panel, 0, height);
+ }
+ }, {
+ key: "_collapseHeader",
+ value: function _collapseHeader(header) {
+ header.expanded = false;
+ }
+ }, {
+ key: "_collapsePanel",
+ value: function _collapsePanel(panel) {
+ if (!panel) {
+ console.error(PfeAccordion.tag + ": Trying to collapse a panel that doesn't exist");
+ return;
+ }
+
+ if (!panel.expanded) {
+ return;
+ }
+
+ var height = panel.getBoundingClientRect().height;
+ panel.expanded = false;
+
+ this._animate(panel, height, 0);
+ }
+ }, {
+ key: "_animate",
+ value: function _animate(panel, start, end) {
+ var _this6 = this;
+
+ if (panel) {
+ var header = panel.previousElementSibling;
+ if (header) {
+ header.classList.add("animating");
+ }
+ panel.classList.add("animating");
+ panel.style.height = start + "px";
+
+ requestAnimationFrame(function () {
+ requestAnimationFrame(function () {
+ panel.style.height = end + "px";
+ panel.addEventListener("transitionend", _this6._transitionEndHandler);
+ });
+ });
+ }
+ }
+ }, {
+ key: "_keydownHandler",
+ value: function _keydownHandler(evt) {
+ var currentHeader = evt.target;
+
+ if (!this._isHeader(currentHeader)) {
+ return;
+ }
+
+ var newHeader = void 0;
+
+ switch (evt.key) {
+ case "ArrowDown":
+ case "Down":
+ case "ArrowRight":
+ case "Right":
+ newHeader = this._nextHeader();
+ break;
+ case "ArrowUp":
+ case "Up":
+ case "ArrowLeft":
+ case "Left":
+ newHeader = this._previousHeader();
+ break;
+ case "Home":
+ newHeader = this._firstHeader();
+ break;
+ case "End":
+ newHeader = this._lastHeader();
+ break;
+ default:
+ return;
+ }
+
+ newHeader.shadowRoot.querySelector("button").focus();
+ }
+ }, {
+ key: "_transitionEndHandler",
+ value: function _transitionEndHandler(evt) {
+ var header = evt.target.previousElementSibling;
+ if (header) {
+ header.classList.remove("animating");
+ }
+ evt.target.style.height = "";
+ evt.target.classList.remove("animating");
+ evt.target.removeEventListener("transitionend", this._transitionEndHandler);
+ }
+ }, {
+ key: "_allHeaders",
+ value: function _allHeaders() {
+ return [].concat(toConsumableArray(this.querySelectorAll(PfeAccordionHeader.tag)));
+ }
+ }, {
+ key: "_allPanels",
+ value: function _allPanels() {
+ return [].concat(toConsumableArray(this.querySelectorAll(PfeAccordionPanel.tag)));
+ }
+ }, {
+ key: "_panelForHeader",
+ value: function _panelForHeader(header) {
+ var next = header.nextElementSibling;
+
+ if (!next) {
+ return;
+ }
+
+ if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {
+ console.error(PfeAccordion.tag + ": Sibling element to a header needs to be a panel");
+ return;
+ }
+
+ return next;
+ }
+ }, {
+ key: "_previousHeader",
+ value: function _previousHeader() {
+ var headers = this._allHeaders();
+ var newIndex = headers.findIndex(function (header) {
+ return header === document.activeElement;
+ }) - 1;
+ return headers[(newIndex + headers.length) % headers.length];
+ }
+ }, {
+ key: "_nextHeader",
+ value: function _nextHeader() {
+ var headers = this._allHeaders();
+ var newIndex = headers.findIndex(function (header) {
+ return header === document.activeElement;
+ }) + 1;
+ return headers[newIndex % headers.length];
+ }
+ }, {
+ key: "_firstHeader",
+ value: function _firstHeader() {
+ var headers = this._allHeaders();
+ return headers[0];
+ }
+ }, {
+ key: "_lastHeader",
+ value: function _lastHeader() {
+ var headers = this._allHeaders();
+ return headers[headers.length - 1];
+ }
+ }, {
+ key: "_isHeader",
+ value: function _isHeader(element) {
+ return element.tagName.toLowerCase() === PfeAccordionHeader.tag;
+ }
+ }]);
+ return PfeAccordion;
+ }(PFElement);
+
+ var PfeAccordionHeader = function (_PFElement2) {
+ inherits(PfeAccordionHeader, _PFElement2);
+ createClass(PfeAccordionHeader, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-accordion-header.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-accordion-header.html";
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-accordion-header";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["aria-expanded"];
+ }
+ }]);
+
+ function PfeAccordionHeader() {
+ classCallCheck(this, PfeAccordionHeader);
+
+ var _this7 = possibleConstructorReturn(this, (PfeAccordionHeader.__proto__ || Object.getPrototypeOf(PfeAccordionHeader)).call(this, PfeAccordionHeader));
+
+ _this7.button = _this7.shadowRoot.querySelector("button");
+
+ _this7._init = _this7._init.bind(_this7);
+ _this7._clickHandler = _this7._clickHandler.bind(_this7);
+ _this7._observer = new MutationObserver(_this7._init);
+ return _this7;
+ }
+
+ createClass(PfeAccordionHeader, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeAccordionHeader.prototype.__proto__ || Object.getPrototypeOf(PfeAccordionHeader.prototype), "connectedCallback", this).call(this);
+
+ if (this.children.length || this.textContent.trim().length) {
+ this._init();
+ }
+
+ this.addEventListener("click", this._clickHandler);
+ this._observer.observe(this, { childList: true });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener("click", this._clickHandler);
+ this._observer.disconnect();
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (!this.hasAttribute("role")) {
+ this.setAttribute("role", "heading");
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = PfeAccordionHeader.tag + "-" + generateId();
+ }
+
+ var child = this.children[0];
+ var isHeaderTag = false;
+
+ if (child) {
+ switch (child.tagName) {
+ case "H1":
+ case "H2":
+ case "H3":
+ case "H4":
+ case "H5":
+ case "H6":
+ isHeaderTag = true;
+ break;
+ }
+
+ var wrapperTag = document.createElement(child.tagName);
+ this.button.innerText = child.innerText;
+
+ wrapperTag.appendChild(this.button);
+ this.shadowRoot.appendChild(wrapperTag);
+ } else {
+ this.button.innerText = this.textContent.trim();
+ }
+
+ if (!isHeaderTag) {
+ console.warn(PfeAccordionHeader.tag + ": The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)");
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, { childList: true });
+ }
+ }
+ }, {
+ key: "_clickHandler",
+ value: function _clickHandler(event) {
+ this.emitEvent(PfeAccordion.events.change, {
+ detail: { expanded: !this.expanded }
+ });
+ }
+ }, {
+ key: "expanded",
+ get: function get$$1() {
+ return this.hasAttribute("aria-expanded");
+ },
+ set: function set$$1(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("aria-expanded", true);
+ this.button.setAttribute("aria-expanded", true);
+ } else {
+ this.removeAttribute("aria-expanded");
+ this.button.setAttribute("aria-expanded", false);
+ }
+ }
+ }]);
+ return PfeAccordionHeader;
+ }(PFElement);
+
+ var PfeAccordionPanel = function (_PFElement3) {
+ inherits(PfeAccordionPanel, _PFElement3);
+ createClass(PfeAccordionPanel, [{
+ key: "html",
+ get: function get$$1() {
+ return "
\n
\n \n
\n
";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-accordion-panel.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-accordion-panel.html";
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-accordion-panel";
+ }
+ }]);
+
+ function PfeAccordionPanel() {
+ classCallCheck(this, PfeAccordionPanel);
+ return possibleConstructorReturn(this, (PfeAccordionPanel.__proto__ || Object.getPrototypeOf(PfeAccordionPanel)).call(this, PfeAccordionPanel));
+ }
+
+ createClass(PfeAccordionPanel, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeAccordionPanel.prototype.__proto__ || Object.getPrototypeOf(PfeAccordionPanel.prototype), "connectedCallback", this).call(this);
+
+ if (!this.hasAttribute("role")) {
+ this.setAttribute("role", "region");
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = PfeAccordionPanel.tag + "-" + generateId();
+ }
+ }
+ }, {
+ key: "expanded",
+ get: function get$$1() {
+ return this.hasAttribute("expanded");
+ },
+ set: function set$$1(val) {
+ var value = Boolean(val);
+
+ if (value) {
+ this.setAttribute("expanded", "");
+ } else {
+ this.removeAttribute("expanded");
+ }
+ }
+ }]);
+ return PfeAccordionPanel;
+ }(PFElement);
+
+ PFElement.create(PfeAccordionHeader);
+ PFElement.create(PfeAccordionPanel);
+ PFElement.create(PfeAccordion);
+
+ return PfeAccordion;
+
+})));
+//# sourceMappingURL=pfe-accordion.umd.js.map
diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.js.map b/elements/pfe-accordion/dist/pfe-accordion.umd.js.map
new file mode 100644
index 0000000000..b4310220ac
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-accordion.umd.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54\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\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":["Array","prototype","findIndex","Object","defineProperty","value","predicate","TypeError","o","len","length","thisArg","arguments","k","kValue","call","generateId","Math","random","toString","substr","PfeAccordion","on","change","tag","PFElement","PfeTypes","Container","type","PfeType","_linkPanels","bind","_observer","MutationObserver","setAttribute","addEventListener","events","_changeHandler","_keydownHandler","Promise","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","children","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_expandHeader","_expandPanel","_collapseHeader","_collapsePanel","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","console","error","height","getBoundingClientRect","_animate","start","end","previousElementSibling","add","style","requestAnimationFrame","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","id","button","_init","_clickHandler","textContent","trim","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","innerText","appendChild","warn","event","emitEvent","val","Boolean","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.min.js b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js
new file mode 100644
index 0000000000..e6bdc566d0
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeAccordion=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Array.prototype.findIndex||Object.defineProperty(Array.prototype,"findIndex",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),o=r.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=t,n=0;n:host{--pfe-accordion--BorderColor--accent:transparent;--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderTopWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderRightWidth:0;--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--Color:var(--pfe-broadcasted--text, #3c3f42);--pfe-accordion--TextAlign:left;--pfe-accordion--accent:var(--pfe-theme--color--ui-accent, #06c);--pfe-accordion__base--Padding:var(--pfe-theme--container-spacer, 16px);display:block;position:relative;overflow:hidden;margin:0;color:#3c3f42;color:var(--pfe-accordion--Color,var(--pfe-broadcasted--text,#3c3f42))}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;color:#151515!important}}:host([on=dark]){--pfe-accordion--accent:var(--pfe-theme--color--ui-accent--on-dark, #73bcf7)}:host([on=saturated]){--pfe-accordion--accent:var(--pfe-theme--color--ui-accent--on-saturated, #fff)}:host([pfe-disclosure=true]){--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--surface--border, #d2d2d2)}\n/*# sourceMappingURL=pfe-accordion.min.css.map */\n"}},{key:"styleUrl",get:function(){return"pfe-accordion.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion.html"}},{key:"schemaUrl",get:function(){return"pfe-accordion.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-accordion-header"},{$ref:"pfe-accordion-panel"}]}}}}},{key:"tag",get:function(){return"pfe-accordion"}},{key:"cascadingAttributes",get:function(){return{on:"pfe-accordion-header, pfe-accordion-panel"}}},{key:"events",get:function(){return{change:this.tag+":change"}}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"observedAttributes",get:function(){return["pfe-disclosure"]}}]),r(p,[{key:"connectedCallback",value:function(){var e=this;i(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.setAttribute("role","tablist"),this.setAttribute("defined",""),this.addEventListener(p.events.change,this._changeHandler),this.addEventListener("keydown",this._keydownHandler),Promise.all([customElements.whenDefined(f.tag),customElements.whenDefined(h.tag)]).then(function(){e.children.length&&e._linkPanels(),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){this.removeEventListener(p.events.change,this._changeHandler),this.removeEventListener("keydown",this._keydownHandler),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,t,r){i(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"attributeChangedCallback",this).call(this,e,t,r),"pfe-disclosure"===e&&("true"===r?(this._allHeaders().forEach(function(e){return e.setAttribute("pfe-disclosure","true")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-disclosure","true")})):(this._allHeaders().forEach(function(e){return e.setAttribute("pfe-disclosure","false")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-disclosure","false")})))}},{key:"toggle",value:function(e){var t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(o.expanded?(this._collapseHeader(o),this._collapsePanel(a)):(this._expandHeader(o),this._expandPanel(a)))}},{key:"expand",value:function(e){var t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(this._expandHeader(o),this._expandPanel(a))}},{key:"expandAll",value:function(){var t=this,e=this._allHeaders(),r=this._allPanels();e.forEach(function(e){return t._expandHeader(e)}),r.forEach(function(e){return t._expandPanel(e)})}},{key:"collapse",value:function(e){var t=this._allHeaders(),r=this._allPanels(),o=t[e],a=r[e];o&&a&&(this._collapseHeader(o),this._collapsePanel(a))}},{key:"collapseAll",value:function(){var t=this,e=this._allHeaders(),r=this._allPanels();e.forEach(function(e){return t._collapseHeader(e)}),r.forEach(function(e){return t._collapsePanel(e)})}},{key:"_linkPanels",value:function(){var r=this,e=this._allHeaders();if(e.forEach(function(e){var t=r._panelForHeader(e);t&&(e.setAttribute("aria-controls",t.pfeId),t.setAttribute("aria-labelledby",e.pfeId))}),1===e.length){if(this.hasAttribute("pfe-disclosure")&&"false"===this.getAttribute("pfe-disclosure"))return;this.setAttribute("pfe-disclosure","true")}1:host{-webkit-transition:-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);transition:-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);transition:transform .3s cubic-bezier(.465,.183,.153,.946);transition:transform .3s cubic-bezier(.465,.183,.153,.946),-webkit-transform .3s cubic-bezier(.465,.183,.153,.946);-webkit-transition:-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946)),-webkit-transform .3s var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));display:block}:host>*{margin:0}:host button{--pfe-accordion--BorderBottomWidth:0;--pfe-accordion--ZIndex:3;--pfe-accordion__trigger--Padding:var(--pfe-accordion__base--Padding, var(--pfe-theme--container-spacer, 16px)) 50px var(--pfe-accordion__base--Padding, var(--pfe-theme--container-spacer, 16px)) calc(var(--pfe-accordion__base--Padding, var(--pfe-theme--container-spacer, 16px)) * 1.5);margin:0;width:100%;width:var(--pfe-accordion--Width,100%);max-width:calc(100% - 4px);max-width:calc(100% - var(--pfe-theme--surface--border-width--heavy,4px));height:auto;position:relative;background-color:transparent;background-color:var(--pfe-accordion--BackgroundColor,transparent);color:#3c3f42;color:var(--pfe-accordion--Color,var(--pfe-broadcasted--text,#3c3f42));border:0 solid #d2d2d2;border:0 var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));border-top-width:1px;border-top-width:var(--pfe-accordion--BorderTopWidth,var(--pfe-theme--surface--border-width,1px));border-right-width:0;border-right-width:var(--pfe-accordion--BorderRightWidth,0);border-bottom-width:1px;border-bottom-width:var(--pfe-accordion--BorderBottomWidth,var(--pfe-theme--surface--border-width,1px));border-left:4px solid transparent;border-left:var(--pfe-accordion--BorderLeftWidth,var(--pfe-theme--surface--border-width--heavy,4px)) var(--pfe-theme--surface--border-style,solid) var(--pfe-accordion--BorderColor--accent,transparent);-webkit-box-shadow:var(--pfe-accordion--BoxShadow);box-shadow:var(--pfe-accordion--BoxShadow);z-index:var(--pfe-accordion--ZIndex);cursor:pointer;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-accordion--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-accordion--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:var(--pfe-accordion__trigger--Padding)}:host button:hover{--pfe-accordion--BorderColor--accent:var(--pfe-accordion--accent, var(--pfe-theme--color--ui-accent, #06c))}:host button:hover{outline:0;border-left-width:4px;border-left-width:var(--pfe-theme--surface--border-width--heavy,4px)}:host button:focus{outline:0;text-decoration:underline}:host button::-moz-focus-inner{border:0}@supports (-ms-ime-align:auto){:host button{text-align:left}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host button{padding:16px 24px}:host button:hover{border-left-color:#06c}}:host button[aria-expanded=true]{--pfe-accordion--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-accordion--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-accordion--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-accordion--BackgroundColor:white;--pfe-accordion--Color:var(--pfe-theme--color--text, #151515);--pfe-accordion--BorderColor--accent:var(--pfe-accordion--accent, var(--pfe-theme--color--ui-accent, #06c));--pfe-accordion--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);--pfe-accordion--ZIndex:3}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host button[aria-expanded=true]{border-bottom-width:0;border-left-color:#06c;border-right-color:#d2d2d2}}:host(:not([pfe-disclosure=true])) button::after{content:"";position:absolute;top:calc(16px + .4em);top:calc(var(--pfe-theme--container-spacer,16px) + .4em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.3125);right:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host(:not([pfe-disclosure=true])) button[aria-expanded=true]::after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}:host(:last-of-type) button:not([aria-expanded=true]){--pfe-accordion--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host(:last-of-type.animating) button{--pfe-accordion--BorderBottomWidth:0}:host([on=dark]) button[aria-expanded=true]{--pfe-accordion--BackgroundColor:rgba(247, 247, 249, 0.1);--pfe-accordion--Color:var(--pfe-broadcasted--text, #3c3f42);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-accent--on-dark, #73bcf7);--pfe-accordion--BoxShadow:none}:host([on=saturated]) button[aria-expanded=true]{--pfe-accordion--BackgroundColor:rgba(0, 0, 0, 0.2);--pfe-accordion--Color:var(--pfe-broadcasted--text, #3c3f42);--pfe-accordion--BorderColor--accent:var(--pfe-theme--color--ui-accent--on-saturated, #fff);--pfe-accordion--BoxShadow:none}:host([pfe-disclosure=true]) button{padding-left:calc((16px * 3));padding-left:calc((var(--pfe-accordion__base--Padding,var(--pfe-theme--container-spacer,16px)) * 3))}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-disclosure=true]) button{padding:16px 24px 16px 47px;border-right-color:#d2d2d2;border-left-color:#d2d2d2;border-left-width:1px}}:host([pfe-disclosure=true]) button::before{content:"";position:absolute;top:calc(16px + .55em);top:calc(var(--pfe-theme--container-spacer,16px) + .55em);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);left:calc(16px * 1.3125);left:calc(var(--pfe-theme--container-spacer,16px) * 1.3125);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-disclosure=true]) button[aria-expanded=true]::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host([pfe-disclosure=true]) button:not([aria-expanded=true]):hover,:host([pfe-disclosure=true]) button[aria-expanded=true]{padding-left:calc(16px * 3 - 4px + 1px);padding-left:calc(var(--pfe-accordion__base--Padding,var(--pfe-theme--container-spacer,16px)) * 3 - var(--pfe-theme--surface--border-width--heavy,4px) + var(--pfe-theme--surface--border-width,1px))}:host([pfe-disclosure=true]) button:not([aria-expanded=true]):hover::before,:host([pfe-disclosure=true]) button[aria-expanded=true]::before{margin-left:calc((4px - 1px) * -1);margin-left:calc((var(--pfe-theme--surface--border-width--heavy,4px) - var(--pfe-theme--surface--border-width,1px)) * -1)}\n/*# sourceMappingURL=pfe-accordion-header.min.css.map */\n'}},{key:"styleUrl",get:function(){return"pfe-accordion-header.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion-header.html"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-accordion-header"}},{key:"observedAttributes",get:function(){return["aria-expanded"]}}]),r(l,[{key:"connectedCallback",value:function(){i(l.prototype.__proto__||Object.getPrototypeOf(l.prototype),"connectedCallback",this).call(this),(this.children.length||this.textContent.trim().length)&&this._init(),this.addEventListener("click",this._clickHandler),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this.removeEventListener("click",this._clickHandler),this._observer.disconnect()}},{key:"_init",value:function(){window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("role")||this.setAttribute("role","heading"),this.pfeId||(this.pfeId=l.tag+"-"+d());var e=this.children[0],t=!1;if(e){switch(e.tagName){case"H1":case"H2":case"H3":case"H4":case"H5":case"H6":t=!0}var r=document.createElement(e.tagName);this.button.innerText=e.innerText,r.appendChild(this.button),this.shadowRoot.appendChild(r)}else this.button.innerText=this.textContent.trim();t||console.warn(l.tag+": The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)"),window.ShadyCSS&&this._observer.observe(this,{childList:!0})}},{key:"_clickHandler",value:function(e){this.emitEvent(s.events.change,{detail:{expanded:!this.expanded}})}},{key:"expanded",get:function(){return this.hasAttribute("aria-expanded")},set:function(e){(e=Boolean(e))?(this.setAttribute("aria-expanded",!0),this.button.setAttribute("aria-expanded",!0)):(this.removeAttribute("aria-expanded"),this.button.setAttribute("aria-expanded",!1))}}]),l);function l(){t(this,l);var e=n(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,l));return e.button=e.shadowRoot.querySelector("button"),e._init=e._init.bind(e),e._clickHandler=e._clickHandler.bind(e),e._observer=new MutationObserver(e._init),e}var h=(a(u,e),r(u,[{key:"html",get:function(){return'
\n
\n \n
\n
'}},{key:"styleUrl",get:function(){return"pfe-accordion-panel.scss"}},{key:"templateUrl",get:function(){return"pfe-accordion-panel.html"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-accordion-panel"}}]),r(u,[{key:"connectedCallback",value:function(){i(u.prototype.__proto__||Object.getPrototypeOf(u.prototype),"connectedCallback",this).call(this),this.hasAttribute("role")||this.setAttribute("role","region"),this.pfeId||(this.pfeId=u.tag+"-"+d())}},{key:"expanded",get:function(){return this.hasAttribute("expanded")},set:function(e){Boolean(e)?this.setAttribute("expanded",""):this.removeAttribute("expanded")}}]),u);function u(){return t(this,u),n(this,(u.__proto__||Object.getPrototypeOf(u)).call(this,u))}return e.create(f),e.create(h),e.create(s),s});
+//# sourceMappingURL=pfe-accordion.umd.min.js.map
diff --git a/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map
new file mode 100644
index 0000000000..d5c5bb31e4
--- /dev/null
+++ b/elements/pfe-accordion/dist/pfe-accordion.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-accordion.umd.min.js","sources":["../_temp/polyfills--pfe-accordion.js","../_temp/pfe-accordion.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeAccordion 1.0.0-prerelease.54\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\n// Import polyfills: findIndex\nimport \"./polyfills--pfe-accordion.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeAccordion extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-accordion-header\"},{\"$ref\":\"pfe-accordion-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-accordion\";\n }\n\n get styleUrl() {\n return \"pfe-accordion.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion.html\";\n }\n\n get schemaUrl() {\n return \"pfe-accordion.json\";\n }\n\n static get cascadingAttributes() {\n return {\n on: \"pfe-accordion-header, pfe-accordion-panel\"\n };\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-disclosure\"];\n }\n\n constructor() {\n super(PfeAccordion, { type: PfeAccordion.PfeType });\n\n this._linkPanels = this._linkPanels.bind(this);\n this._observer = new MutationObserver(this._linkPanels);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.setAttribute(\"role\", \"tablist\");\n this.setAttribute(\"defined\", \"\");\n\n this.addEventListener(PfeAccordion.events.change, this._changeHandler);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n Promise.all([\n customElements.whenDefined(PfeAccordionHeader.tag),\n customElements.whenDefined(PfeAccordionPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkPanels();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeAccordion.events.change, this._changeHandler);\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (attr === \"pfe-disclosure\") {\n if (newVal === \"true\") {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"true\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"true\")\n );\n } else {\n this._allHeaders().forEach(header =>\n header.setAttribute(\"pfe-disclosure\", \"false\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-disclosure\", \"false\")\n );\n }\n }\n }\n\n toggle(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n if (!header.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n expand(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._expandHeader(header);\n this._expandPanel(panel);\n }\n\n expandAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._expandHeader(header));\n panels.forEach(panel => this._expandPanel(panel));\n }\n\n collapse(index) {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n const header = headers[index];\n const panel = panels[index];\n\n if (!header || !panel) {\n return;\n }\n\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n\n collapseAll() {\n const headers = this._allHeaders();\n const panels = this._allPanels();\n\n headers.forEach(header => this._collapseHeader(header));\n panels.forEach(panel => this._collapsePanel(panel));\n }\n\n _linkPanels() {\n const headers = this._allHeaders();\n headers.forEach(header => {\n const panel = this._panelForHeader(header);\n\n if (!panel) {\n return;\n }\n\n header.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", header.pfeId);\n });\n\n if (headers.length === 1) {\n if (\n this.hasAttribute(\"pfe-disclosure\") &&\n this.getAttribute(\"pfe-disclosure\") === \"false\"\n ) {\n return;\n }\n\n this.setAttribute(\"pfe-disclosure\", \"true\");\n }\n\n if (headers.length > 1) {\n if (this.hasAttribute(\"pfe-disclosure\")) {\n this.removeAttribute(\"pfe-disclosure\");\n }\n }\n }\n\n _changeHandler(evt) {\n if (this.classList.contains(\"animating\")) {\n return;\n }\n\n const header = evt.target;\n const panel = evt.target.nextElementSibling;\n\n if (evt.detail.expanded) {\n this._expandHeader(header);\n this._expandPanel(panel);\n } else {\n this._collapseHeader(header);\n this._collapsePanel(panel);\n }\n }\n\n _toggle(header, panel) {}\n\n _expandHeader(header) {\n header.expanded = true;\n }\n\n _expandPanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to expand a panel that doesn't exist`\n );\n return;\n }\n\n if (panel.expanded) {\n return;\n }\n\n panel.expanded = true;\n\n const height = panel.getBoundingClientRect().height;\n this._animate(panel, 0, height);\n }\n\n _collapseHeader(header) {\n header.expanded = false;\n }\n\n _collapsePanel(panel) {\n if (!panel) {\n console.error(\n `${PfeAccordion.tag}: Trying to collapse a panel that doesn't exist`\n );\n return;\n }\n\n if (!panel.expanded) {\n return;\n }\n\n const height = panel.getBoundingClientRect().height;\n panel.expanded = false;\n\n this._animate(panel, height, 0);\n }\n\n _animate(panel, start, end) {\n if (panel) {\n const header = panel.previousElementSibling;\n if (header) {\n header.classList.add(\"animating\");\n }\n panel.classList.add(\"animating\");\n panel.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n panel.style.height = `${end}px`;\n panel.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n }\n\n _keydownHandler(evt) {\n const currentHeader = evt.target;\n\n if (!this._isHeader(currentHeader)) {\n return;\n }\n\n let newHeader;\n\n switch (evt.key) {\n case \"ArrowDown\":\n case \"Down\":\n case \"ArrowRight\":\n case \"Right\":\n newHeader = this._nextHeader();\n break;\n case \"ArrowUp\":\n case \"Up\":\n case \"ArrowLeft\":\n case \"Left\":\n newHeader = this._previousHeader();\n break;\n case \"Home\":\n newHeader = this._firstHeader();\n break;\n case \"End\":\n newHeader = this._lastHeader();\n break;\n default:\n return;\n }\n\n newHeader.shadowRoot.querySelector(\"button\").focus();\n }\n\n _transitionEndHandler(evt) {\n const header = evt.target.previousElementSibling;\n if (header) {\n header.classList.remove(\"animating\");\n }\n evt.target.style.height = \"\";\n evt.target.classList.remove(\"animating\");\n evt.target.removeEventListener(\"transitionend\", this._transitionEndHandler);\n }\n\n _allHeaders() {\n return [...this.querySelectorAll(PfeAccordionHeader.tag)];\n }\n\n _allPanels() {\n return [...this.querySelectorAll(PfeAccordionPanel.tag)];\n }\n\n _panelForHeader(header) {\n const next = header.nextElementSibling;\n\n if (!next) {\n return;\n }\n\n if (next.tagName.toLowerCase() !== PfeAccordionPanel.tag) {\n console.error(\n `${PfeAccordion.tag}: Sibling element to a header needs to be a panel`\n );\n return;\n }\n\n return next;\n }\n\n _previousHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) - 1;\n return headers[(newIndex + headers.length) % headers.length];\n }\n\n _nextHeader() {\n const headers = this._allHeaders();\n let newIndex =\n headers.findIndex(header => header === document.activeElement) + 1;\n return headers[newIndex % headers.length];\n }\n\n _firstHeader() {\n const headers = this._allHeaders();\n return headers[0];\n }\n\n _lastHeader() {\n const headers = this._allHeaders();\n return headers[headers.length - 1];\n }\n\n _isHeader(element) {\n return element.tagName.toLowerCase() === PfeAccordionHeader.tag;\n }\n}\n\nclass PfeAccordionHeader extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-accordion-header\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-header.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-header.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n static get observedAttributes() {\n return [\"aria-expanded\"];\n }\n\n constructor() {\n super(PfeAccordionHeader);\n\n this.button = this.shadowRoot.querySelector(\"button\");\n\n this._init = this._init.bind(this);\n this._clickHandler = this._clickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this.addEventListener(\"click\", this._clickHandler);\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n this._observer.disconnect();\n }\n\n get expanded() {\n return this.hasAttribute(\"aria-expanded\");\n }\n\n set expanded(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"aria-expanded\", true);\n this.button.setAttribute(\"aria-expanded\", true);\n } else {\n this.removeAttribute(\"aria-expanded\");\n this.button.setAttribute(\"aria-expanded\", false);\n }\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"heading\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionHeader.tag}-${generateId()}`;\n }\n\n const child = this.children[0];\n let isHeaderTag = false;\n\n if (child) {\n switch (child.tagName) {\n case \"H1\":\n case \"H2\":\n case \"H3\":\n case \"H4\":\n case \"H5\":\n case \"H6\":\n isHeaderTag = true;\n break;\n }\n\n const wrapperTag = document.createElement(child.tagName);\n this.button.innerText = child.innerText;\n\n wrapperTag.appendChild(this.button);\n this.shadowRoot.appendChild(wrapperTag);\n } else {\n this.button.innerText = this.textContent.trim();\n }\n\n if (!isHeaderTag) {\n console.warn(\n `${PfeAccordionHeader.tag}: The first child in the light DOM must be a Header level tag (h1, h2, h3, h4, h5, or h6)`\n );\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, { childList: true });\n }\n }\n\n _clickHandler(event) {\n this.emitEvent(PfeAccordion.events.change, {\n detail: { expanded: !this.expanded }\n });\n }\n}\n\nclass PfeAccordionPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-accordion-panel\";\n }\n\n get styleUrl() {\n return \"pfe-accordion-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-accordion-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeAccordionPanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (!this.hasAttribute(\"role\")) {\n this.setAttribute(\"role\", \"region\");\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeAccordionPanel.tag}-${generateId()}`;\n }\n }\n\n get expanded() {\n return this.hasAttribute(\"expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"expanded\", \"\");\n } else {\n this.removeAttribute(\"expanded\");\n }\n }\n}\n\nPFElement.create(PfeAccordionHeader);\nPFElement.create(PfeAccordionPanel);\nPFElement.create(PfeAccordion);\n\nexport { PfeAccordion as default };\n"],"names":["Array","prototype","findIndex","defineProperty","predicate","this","TypeError","o","Object","len","length","thisArg","k","kValue","call","generateId","Math","random","toString","substr","PfeAccordion","PFElement","default","title","type","namedSlot","items","oneOf","$ref","tag","PfeTypes","Container","setAttribute","addEventListener","events","change","_changeHandler","_keydownHandler","all","customElements","whenDefined","PfeAccordionHeader","PfeAccordionPanel","then","_this2","children","_linkPanels","_observer","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","_allHeaders","forEach","header","_allPanels","panel","index","headers","panels","expanded","_collapseHeader","_collapsePanel","_expandHeader","_expandPanel","_this3","_this4","_this5","_panelForHeader","pfeId","hasAttribute","getAttribute","removeAttribute","evt","classList","contains","target","nextElementSibling","detail","height","getBoundingClientRect","_animate","error","start","end","previousElementSibling","add","style","_this6","_transitionEndHandler","currentHeader","_isHeader","newHeader","key","_nextHeader","_previousHeader","_firstHeader","_lastHeader","shadowRoot","querySelector","focus","remove","querySelectorAll","next","tagName","toLowerCase","newIndex","document","activeElement","element","PfeType","_this","bind","MutationObserver","id","textContent","trim","_init","_clickHandler","window","ShadyCSS","child","isHeaderTag","wrapperTag","createElement","button","innerText","appendChild","warn","event","emitEvent","val","Boolean","_this7","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-accordion/package-lock.json b/elements/pfe-accordion/package-lock.json
index 312cd21e29..7b8df8ba01 100644
--- a/elements/pfe-accordion/package-lock.json
+++ b/elements/pfe-accordion/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-accordion",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-accordion/package.json b/elements/pfe-accordion/package.json
index 6aaff78d18..7077244026 100644
--- a/elements/pfe-accordion/package.json
+++ b/elements/pfe-accordion/package.json
@@ -9,7 +9,7 @@
"pfe-accordion-panel.js"
]
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
@@ -53,7 +53,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "0.5.5",
"bugs": {
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.js
new file mode 100644
index 0000000000..c1b73c6907
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.js
@@ -0,0 +1,686 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+const KEYCODE = {
+ ENTER: 13,
+ DOWN: 40,
+ UP: 38,
+ ESC: 27
+};
+
+// use this variable to debounce api call when user types very fast
+let throttle = false;
+
+class PfeAutocomplete extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
`;
+ })
+ .join("")}`;
+ }
+
+ static get observedAttributes() {
+ return ["open", "reflow", "active-index"];
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback();
+
+ if (this[name] !== newVal) {
+ this[name] = newVal;
+ }
+
+ if (attr === "active-index" && oldVal !== newVal) {
+ this._activeIndexChanged();
+ }
+
+ if (attr === "reflow") {
+ this._renderOptions();
+ }
+ }
+
+ _activeIndexChanged() {
+ if (
+ !this.data ||
+ this.data.length === 0 ||
+ this.activeIndex === null ||
+ this.activeIndex === "null"
+ )
+ return;
+
+ // remove active class
+ if (this._ul.querySelector(".active")) {
+ this._ul.querySelector(".active").classList.remove("active");
+ }
+
+ // add active class to selected option
+ let activeOption = this._ul.querySelector(
+ "li:nth-child(" + (parseInt(this.activeIndex, 10) + 1) + ")"
+ );
+
+ activeOption.classList.add("active");
+
+ // scroll to selected element when selected item with keyboard is out of view
+ let ulWrapper = this.shadowRoot.querySelector(".droplist");
+ let activeOptionHeight = activeOption.offsetHeight;
+ activeOptionHeight += parseInt(
+ window.getComputedStyle(activeOption).getPropertyValue("margin-bottom"),
+ 10
+ );
+ ulWrapper.scrollTop =
+ activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;
+ }
+
+ get open() {
+ return this.hasAttribute("open");
+ }
+
+ set open(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("open", "");
+ } else {
+ this.removeAttribute("open");
+ }
+ }
+
+ get activeIndex() {
+ return this.getAttribute("active-index");
+ }
+
+ set activeIndex(val) {
+ this.setAttribute("active-index", val);
+ }
+
+ get reflow() {
+ return this.hasAttribute("reflow");
+ }
+
+ set reflow(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("reflow", "");
+ } else {
+ this.removeAttribute("reflow");
+ }
+ }
+}
+
+PFElement.create(PfeSearchDroplist);
+PFElement.create(PfeAutocomplete);
+
+export default PfeAutocomplete;
+//# sourceMappingURL=pfe-autocomplete.js.map
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map
new file mode 100644
index 0000000000..ec092399e4
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-autocomplete.js","sources":["../_temp/pfe-autocomplete.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n\n \n \n \n\n \n\n \n
\n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `${this.tag}:search-event`,\n select: `${this.tag}:option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n if (this._activeOption(activeIndex)) {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: this._activeOption(activeIndex) },\n composed: true\n });\n\n return;\n }\n\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-autocomplete:option-selected | Fires when an option is selected.\n event.details.optionValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n
`;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.json b/elements/pfe-autocomplete/dist/pfe-autocomplete.json
new file mode 100644
index 0000000000..7c8a34eedd
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.json
@@ -0,0 +1,57 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Autocomplete",
+ "description": "Autocomplete provides options in a dropdown list as user types in an input box by showing result from an api call.",
+ "type": "object",
+ "tag": "pfe-autocomplete",
+ "class": "pfe-autocomplete",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "content": {
+ "title": "Content",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "input"
+ }
+ ]
+ },
+ "required": true
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "debounce_timer": {
+ "title": "Debounce",
+ "description": "The amount of time that should pass before the next API call is made",
+ "type": "string",
+ "prefixed": false
+ },
+ "init_value": {
+ "title": "Initial value",
+ "description": "An initial value to show in the input field",
+ "type": "string",
+ "prefixed": false
+ },
+ "is_disabled": {
+ "title": "Is disabled",
+ "description": "Disable the input",
+ "type": "boolean",
+ "prefixed": false
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js
new file mode 100644
index 0000000000..46524f3cd4
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/const t={ENTER:13,DOWN:40,UP:38,ESC:27};let i=!1;class o extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'
\n \n\n \n \n \n\n \n\n \n
\n'}static get properties(){return{debounce_timer:{title:"Debounce",description:"The amount of time that should pass before the next API call is made",type:"string",prefixed:!1},init_value:{title:"Initial value",description:"An initial value to show in the input field",type:"string",prefixed:!1},is_disabled:{title:"Is disabled",description:"Disable the input",type:"boolean",prefixed:!1}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"input"}]},required:!0}}}static get tag(){return"pfe-autocomplete"}get schemaUrl(){return"pfe-autocomplete.json"}get templateUrl(){return"pfe-autocomplete.html"}get styleUrl(){return"pfe-autocomplete.scss"}static get events(){return{search:`${this.tag}:search-event`,select:`${this.tag}:option-selected`,slotchange:"slotchange"}}constructor(){super(o),this._slotchangeHandler=this._slotchangeHandler.bind(this),this._slot=this.shadowRoot.querySelector("slot"),this._slot.addEventListener(o.events.slotchange,this._slotchangeHandler)}connectedCallback(){super.connectedCallback(),this.loading=!1,this.debounce=this.debounce||300,this._ariaAnnounceTemplate="There are ${numOptions} suggestions. Use the up and down arrows to browse.",this._clearBtn=this.shadowRoot.querySelector(".clear-search"),this._clearBtn.addEventListener("click",this._clear.bind(this)),this._searchBtn=this.shadowRoot.querySelector(".search-button"),this._searchBtn.addEventListener("click",this._search.bind(this)),this._dropdown=this.shadowRoot.querySelector("#dropdown"),this._dropdown.data=[],this.activeIndex=null,this.addEventListener("keyup",this._inputKeyUp.bind(this)),this.addEventListener(o.events.search,this._closeDroplist.bind(this)),this.addEventListener(o.events.select,this._optionSelected.bind(this))}disconnectedCallback(){this.removeEventListener("keyup",this._inputKeyUp),this.removeEventListener(o.events.search,this._closeDroplist),this.removeEventListener(o.events.select,this._optionSelected),this._slot.removeEventListener(o.events.slotchange,this._slotchangeHandler),this._input&&(this._input.removeEventListener("input",this._inputChanged),this._input.removeEventListener("blur",this._closeDroplist)),this._clearBtn.removeEventListener("click",this._clear),this._searchBtn.removeEventListener("click",this._search)}static get observedAttributes(){return["init-value","loading","is-disabled"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback();let o=this.shadowRoot.querySelector("slot").assignedNodes().filter(e=>e.nodeType===Node.ELEMENT_NODE)[0],r=this.shadowRoot.querySelector(".clear-search"),s=this.shadowRoot.querySelector(".search-button");switch(e){case"loading":this.loading&&""!==o.value?this.shadowRoot.querySelector(".loading").removeAttribute("hidden"):this.shadowRoot.querySelector(".loading").setAttribute("hidden","");break;case"init-value":this["init-value"]!==i&&(o.value=i,""===i||this.isDisabled?(s.setAttribute("disabled",""),r.setAttribute("hidden","")):(s.removeAttribute("disabled"),r.removeAttribute("hidden")));break;case"is-disabled":this.isDisabled?(r.setAttribute("disabled",""),s.setAttribute("disabled",""),o.setAttribute("disabled","")):(r.removeAttribute("disabled"),s.removeAttribute("disabled"),o.removeAttribute("disabled"))}}get selectedValue(){return this.getAttribute("selected-value")}set selectedValue(e){this.setAttribute("selected-value",e)}set isDisabled(e){e?this.setAttribute("is-disabled",""):this.removeAttribute("is-disabled")}get isDisabled(){return this.hasAttribute("is-disabled")}set loading(e){Boolean(e)?this.setAttribute("loading",""):this.removeAttribute("loading")}get loading(){return this.hasAttribute("loading")}get initValue(){return this.getAttribute("init-value")}set initValue(e){this.setAttribute("init-value",e)}get debounce(){return this.getAttribute("debounce")}set debounce(e){this.setAttribute("debounce",e)}_slotchangeHandler(){let e=this.shadowRoot.querySelector("slot").assignedNodes().filter(e=>e.nodeType===Node.ELEMENT_NODE);0!==e.length?(this._input=e[0],"input"===this._input.tagName.toLowerCase()?(this._input.addEventListener("input",this._inputChanged.bind(this)),this._input.addEventListener("blur",this._closeDroplist.bind(this)),this._input.setAttribute("role","combobox"),this._input.hasAttribute("aria-label")||this._input.setAttribute("aria-label","Search"),this._input.setAttribute("aria-autocomplete","both"),this._input.setAttribute("aria-haspopup","true"),this._input.setAttribute("type","search"),this._input.setAttribute("autocomplete","off"),this._input.setAttribute("autocorrect","off"),this._input.setAttribute("autocapitalize","off"),this._input.setAttribute("spellcheck","false"),this._dropdown._ariaAnnounceTemplate=this.getAttribute("aria-announce-template")||this._ariaAnnounceTemplate):console.error(`${o.tag}: The only child in the light DOM must be an input tag`)):console.error(`${o.tag}: There must be a input tag in the light DOM`)}_inputChanged(){if(""===this._input.value)return this._searchBtn.setAttribute("disabled",""),this._clearBtn.setAttribute("hidden",""),void this._reset();this._input.hasAttribute("disabled")||this._searchBtn.removeAttribute("disabled"),this._clearBtn.removeAttribute("hidden"),!1===i&&(i=!0,window.setTimeout(()=>{this._sendAutocompleteRequest(this._input.value),i=!1},this.debounce))}_clear(){this._input.value="",this._clearBtn.setAttribute("hidden",""),this._searchBtn.setAttribute("disabled",""),this._input.focus()}_search(){this._doSearch(this._input.value)}_closeDroplist(){this._dropdown.open=null,this._dropdown.removeAttribute("active-index")}_openDroplist(){this.activeIndex=null,this._dropdown.setAttribute("open",!0),this._dropdown.setAttribute("active-index",null)}_optionSelected(e){let t=e.detail.optionValue;this._input.value=t,this._doSearch(t)}_doSearch(e){this.emitEvent(o.events.search,{detail:{searchValue:e},composed:!0}),this._reset(),this.selectedValue=e}_sendAutocompleteRequest(e){this.autocompleteRequest&&this.autocompleteRequest({query:e},this._autocompleteCallback.bind(this))}_autocompleteCallback(e){this._dropdown.data=e,this._dropdown.reflow=!0,0!==e.length?this._openDroplist():this._closeDroplist()}_reset(){this._dropdown.activeIndex=null,this._input.setAttribute("aria-activedescendant",""),this._dropdown.data=[],this._closeDroplist()}_activeOption(e){if(null!==e&&"null"!==e)return this._dropdown.shadowRoot.querySelector("li:nth-child("+(parseInt(e,10)+1)+")").innerHTML}_inputKeyUp(e){let i=e.keyCode;if(0===this._dropdown.data.length&&i!==t.DOWN&&i!==t.UP&&i!==t.ENTER&&i!==t.ESC)return;let r=this._dropdown.activeIndex,s=this._dropdown.data.length;if(i==t.ESC)this._closeDroplist();else if(i===t.UP){if(!this._dropdown.open)return;r=null===r||"null"===r?s:parseInt(r,10),(r-=1)<0&&(r=s-1),this._input.value=this._activeOption(r)}else if(i===t.DOWN){if(!this._dropdown.open)return;r=null===r||"null"===r?-1:parseInt(r,10),(r+=1)>s-1&&(r=0),this._input.value=this._activeOption(r)}else if(i===t.ENTER){if(this._activeOption(r))return void this.emitEvent(o.events.select,{detail:{optionValue:this._activeOption(r)},composed:!0});let e=this._input.value;return void this._doSearch(e)}null!==r&&"null"!==r?this._input.setAttribute("aria-activedescendant","option-"+r):this._input.setAttribute("aria-activedescendant",""),this.activeIndex=r,this._dropdown.activeIndex=r}}class r extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'\n
\n
\n
\n
'}static get tag(){return"pfe-search-droplist"}get templateUrl(){return"pfe-search-droplist.html"}get styleUrl(){return"pfe-search-droplist.scss"}constructor(){super(r)}connectedCallback(){super.connectedCallback(),this._ariaAnnounce=this.shadowRoot.querySelector(".suggestions-aria-help"),this.activeIndex=null,this._ul=this.shadowRoot.querySelector("ul"),this._ul.addEventListener("mousedown",this._optionSelected.bind(this))}disconnectedCallback(){this._ul.removeEventListener("mousedown",this._optionSelected)}_optionSelected(e){"LI"===e.target.tagName&&this.emitEvent(o.events.select,{detail:{optionValue:e.target.innerText},composed:!0})}_renderOptions(){this.reflow="";let e=this.data,t="";this._ariaAnnounceTemplate&&(t=this._ariaAnnounceTemplate.replace("${numOptions}",e.length)),this._ariaAnnounce.textContent=t,this._ariaAnnounce.setAttribute("aria-live","polite"),this._ul.innerHTML=`${e.map((e,t)=>`
${e}
`).join("")}`}static get observedAttributes(){return["open","reflow","active-index"]}attributeChangedCallback(e,t,i){super.attributeChangedCallback(),this[name]!==i&&(this[name]=i),"active-index"===e&&t!==i&&this._activeIndexChanged(),"reflow"===e&&this._renderOptions()}_activeIndexChanged(){if(!this.data||0===this.data.length||null===this.activeIndex||"null"===this.activeIndex)return;this._ul.querySelector(".active")&&this._ul.querySelector(".active").classList.remove("active");let e=this._ul.querySelector("li:nth-child("+(parseInt(this.activeIndex,10)+1)+")");e.classList.add("active");let t=this.shadowRoot.querySelector(".droplist"),i=e.offsetHeight;i+=parseInt(window.getComputedStyle(e).getPropertyValue("margin-bottom"),10),t.scrollTop=e.offsetTop-t.offsetHeight+i}get open(){return this.hasAttribute("open")}set open(e){(e=Boolean(e))?this.setAttribute("open",""):this.removeAttribute("open")}get activeIndex(){return this.getAttribute("active-index")}set activeIndex(e){this.setAttribute("active-index",e)}get reflow(){return this.hasAttribute("reflow")}set reflow(e){(e=Boolean(e))?this.setAttribute("reflow",""):this.removeAttribute("reflow")}}e.create(r),e.create(o);export default o;
+//# sourceMappingURL=pfe-autocomplete.min.js.map
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map
new file mode 100644
index 0000000000..9be69b92bc
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-autocomplete.min.js","sources":["../_temp/pfe-autocomplete.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n\n \n \n \n\n \n\n \n
\n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `${this.tag}:search-event`,\n select: `${this.tag}:option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n if (this._activeOption(activeIndex)) {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: this._activeOption(activeIndex) },\n composed: true\n });\n\n return;\n }\n\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-autocomplete:option-selected | Fires when an option is selected.\n event.details.optionValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n
`;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","ENTER","DOWN","UP","ESC","throttle","PfeAutocomplete","PFElement","version","html","properties","debounce_timer","title","description","type","prefixed","init_value","is_disabled","slots","content","namedSlot","items","oneOf","$ref","required","tag","schemaUrl","templateUrl","styleUrl","events","search","this","select","slotchange","[object Object]","super","_slotchangeHandler","bind","_slot","shadowRoot","querySelector","addEventListener","connectedCallback","loading","debounce","_ariaAnnounceTemplate","_clearBtn","_clear","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","_closeDroplist","_optionSelected","removeEventListener","_input","_inputChanged","observedAttributes","attr","oldVal","newVal","attributeChangedCallback","assignedNodes","filter","n","nodeType","Node","ELEMENT_NODE","value","removeAttribute","setAttribute","isDisabled","selectedValue","getAttribute","val","hasAttribute","Boolean","initValue","slotElems","length","tagName","toLowerCase","console","error","_reset","window","setTimeout","_sendAutocompleteRequest","focus","_doSearch","open","e","detail","optionValue","searchQuery","emitEvent","searchValue","composed","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js
new file mode 100644
index 0000000000..3f51460376
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js
@@ -0,0 +1,721 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeAutocomplete = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var KEYCODE = {
+ ENTER: 13,
+ DOWN: 40,
+ UP: 38,
+ ESC: 27
+ };
+
+ // use this variable to debounce api call when user types very fast
+ var throttle = false;
+
+ var PfeAutocomplete = function (_PFElement) {
+ inherits(PfeAutocomplete, _PFElement);
+ createClass(PfeAutocomplete, [{
+ key: "html",
+ get: function get$$1() {
+ return "
";
+ }).join("");
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeSearchDroplist.prototype.__proto__ || Object.getPrototypeOf(PfeSearchDroplist.prototype), "attributeChangedCallback", this).call(this);
+
+ if (this[name] !== newVal) {
+ this[name] = newVal;
+ }
+
+ if (attr === "active-index" && oldVal !== newVal) {
+ this._activeIndexChanged();
+ }
+
+ if (attr === "reflow") {
+ this._renderOptions();
+ }
+ }
+ }, {
+ key: "_activeIndexChanged",
+ value: function _activeIndexChanged() {
+ if (!this.data || this.data.length === 0 || this.activeIndex === null || this.activeIndex === "null") return;
+
+ // remove active class
+ if (this._ul.querySelector(".active")) {
+ this._ul.querySelector(".active").classList.remove("active");
+ }
+
+ // add active class to selected option
+ var activeOption = this._ul.querySelector("li:nth-child(" + (parseInt(this.activeIndex, 10) + 1) + ")");
+
+ activeOption.classList.add("active");
+
+ // scroll to selected element when selected item with keyboard is out of view
+ var ulWrapper = this.shadowRoot.querySelector(".droplist");
+ var activeOptionHeight = activeOption.offsetHeight;
+ activeOptionHeight += parseInt(window.getComputedStyle(activeOption).getPropertyValue("margin-bottom"), 10);
+ ulWrapper.scrollTop = activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;
+ }
+ }, {
+ key: "open",
+ get: function get$$1() {
+ return this.hasAttribute("open");
+ },
+ set: function set$$1(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("open", "");
+ } else {
+ this.removeAttribute("open");
+ }
+ }
+ }, {
+ key: "activeIndex",
+ get: function get$$1() {
+ return this.getAttribute("active-index");
+ },
+ set: function set$$1(val) {
+ this.setAttribute("active-index", val);
+ }
+ }, {
+ key: "reflow",
+ get: function get$$1() {
+ return this.hasAttribute("reflow");
+ },
+ set: function set$$1(val) {
+ val = Boolean(val);
+
+ if (val) {
+ this.setAttribute("reflow", "");
+ } else {
+ this.removeAttribute("reflow");
+ }
+ }
+ }], [{
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["open", "reflow", "active-index"];
+ }
+ }]);
+ return PfeSearchDroplist;
+ }(PFElement);
+
+ PFElement.create(PfeSearchDroplist);
+ PFElement.create(PfeAutocomplete);
+
+ return PfeAutocomplete;
+
+})));
+//# sourceMappingURL=pfe-autocomplete.umd.js.map
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map
new file mode 100644
index 0000000000..a63c7c5689
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-autocomplete.umd.js","sources":["../_temp/pfe-autocomplete.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n\n \n \n \n\n \n\n \n
\n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `${this.tag}:search-event`,\n select: `${this.tag}:option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n if (this._activeOption(activeIndex)) {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: this._activeOption(activeIndex) },\n composed: true\n });\n\n return;\n }\n\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-autocomplete:option-selected | Fires when an option is selected.\n event.details.optionValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n
`;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","ENTER","DOWN","UP","ESC","throttle","PfeAutocomplete","search","tag","select","slotchange","_slotchangeHandler","bind","_slot","shadowRoot","querySelector","addEventListener","events","loading","debounce","_ariaAnnounceTemplate","_clearBtn","_clear","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","_closeDroplist","_optionSelected","removeEventListener","_input","_inputChanged","attr","oldVal","newVal","slotNodes","assignedNodes","slotElems","filter","n","nodeType","Node","ELEMENT_NODE","value","setAttribute","removeAttribute","isDisabled","length","console","error","tagName","toLowerCase","hasAttribute","getAttribute","_reset","window","setTimeout","_sendAutocompleteRequest","focus","_doSearch","open","e","selectedValue","detail","optionValue","searchQuery","emitEvent","searchValue","composed","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","val","Boolean","PFElement","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js
new file mode 100644
index 0000000000..a9c778bc32
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeAutocomplete=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=function(e,t,i){return t&&o(e.prototype,t),i&&o(e,i),e};function o(e,t){for(var i=0;i.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}:host{display:block;position:relative;font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif)}#input-box-wrapper{border-color:#0277bd;border-color:var(--pfe-theme--color--feedback--info,#0277bd)}#input-box-wrapper ::slotted(input){width:100%;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-shadow:inset 0 0 .625rem 0 #fafafa!important;box-shadow:inset 0 0 .625rem 0 #fafafa!important;-webkit-box-shadow:var(--pfe-autocomplete--BoxShadow,var(--pfe-theme--box-shadow--inset,inset 0 0 .625rem 0 #fafafa))!important;box-shadow:var(--pfe-autocomplete--BoxShadow,var(--pfe-theme--box-shadow--inset,inset 0 0 .625rem 0 #fafafa))!important;padding-left:10px;padding-right:30px;border-radius:2px;border-radius:var(--pfe-theme--ui--border-radius,2px);background-color:#fff;background-color:var(--pfe-autocomplete--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));border:1px solid #d2d2d2;border:var(--pfe-autocomplete--Border,var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2));font-size:16px;font-size:var(--pfe-theme--font-size,16px);height:calc(20px * 2);height:calc(var(--pfe-theme--ui--element--size,20px) * 2);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;opacity:1;outline:0}#input-box-wrapper ::slotted(input:disabled),#input-box-wrapper button:disabled{cursor:not-allowed;background-color:transparent;color:#ccc;opacity:.5}#input-box-wrapper ::slotted(input:focus),#input-box-wrapper button:focus{outline:0}#input-box-wrapper ::slotted(input),#input-box-wrapper button{-webkit-appearance:none}#input-box-wrapper ::slotted([type=search]::-ms-clear){display:none}#input-box-wrapper ::slotted(input[type=search]::-webkit-search-cancel-button),#input-box-wrapper ::slotted(input[type=search]::-webkit-search-decoration){-webkit-appearance:none}button{color:#6a6e73;color:var(--pfe-theme--color--ui-base,#6a6e73);background-color:transparent;border:none;position:absolute;top:0;bottom:0;cursor:pointer}button.clear-search{right:30px;width:20px;margin:2px 1px;background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff)}button.clear-search:hover{color:#6a6e73;color:var(--pfe-theme--color--ui-base,#6a6e73)}button.clear-search svg{width:12px;stroke:#d2d2d2;stroke:var(--pfe-theme--color--surface--border,#d2d2d2)}button.clear-search:focus svg,button.clear-search:hover svg{opacity:1;stroke:#06c;stroke:var(--pfe-theme--color--link,#06c)}button[disabled].clear-search:focus svg,button[disabled].clear-search:hover svg{stroke:#d2d2d2;stroke:var(--pfe-theme--color--surface--border,#d2d2d2)}button.search-button{right:1px;width:30px}button.search-button svg{fill:#06c;fill:var(--pfe-theme--color--link,#06c);width:16px}button.search-button:focus svg,button.search-button:hover svg{fill:#004080;fill:var(--pfe-theme--color--link--hover,#004080)}button.search-button:disabled svg{fill:#d2d2d2;fill:var(--pfe-theme--color--ui-disabled,#d2d2d2)}.loading{position:absolute;width:30px;right:52px;top:0;bottom:0}.loading svg{width:26px;padding-top:7px}\n/*# sourceMappingURL=pfe-autocomplete.min.css.map */\n
\n \n\n \n \n \n\n \n\n \n
\n'}},{key:"schemaUrl",get:function(){return"pfe-autocomplete.json"}},{key:"templateUrl",get:function(){return"pfe-autocomplete.html"}},{key:"styleUrl",get:function(){return"pfe-autocomplete.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{debounce_timer:{title:"Debounce",description:"The amount of time that should pass before the next API call is made",type:"string",prefixed:!1},init_value:{title:"Initial value",description:"An initial value to show in the input field",type:"string",prefixed:!1},is_disabled:{title:"Is disabled",description:"Disable the input",type:"boolean",prefixed:!1}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"input"}]},required:!0}}}},{key:"tag",get:function(){return"pfe-autocomplete"}},{key:"events",get:function(){return{search:this.tag+":search-event",select:this.tag+":option-selected",slotchange:"slotchange"}}}]),i(p,[{key:"connectedCallback",value:function(){a(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.loading=!1,this.debounce=this.debounce||300,this._ariaAnnounceTemplate="There are ${numOptions} suggestions. Use the up and down arrows to browse.",this._clearBtn=this.shadowRoot.querySelector(".clear-search"),this._clearBtn.addEventListener("click",this._clear.bind(this)),this._searchBtn=this.shadowRoot.querySelector(".search-button"),this._searchBtn.addEventListener("click",this._search.bind(this)),this._dropdown=this.shadowRoot.querySelector("#dropdown"),this._dropdown.data=[],this.activeIndex=null,this.addEventListener("keyup",this._inputKeyUp.bind(this)),this.addEventListener(p.events.search,this._closeDroplist.bind(this)),this.addEventListener(p.events.select,this._optionSelected.bind(this))}},{key:"disconnectedCallback",value:function(){this.removeEventListener("keyup",this._inputKeyUp),this.removeEventListener(p.events.search,this._closeDroplist),this.removeEventListener(p.events.select,this._optionSelected),this._slot.removeEventListener(p.events.slotchange,this._slotchangeHandler),this._input&&(this._input.removeEventListener("input",this._inputChanged),this._input.removeEventListener("blur",this._closeDroplist)),this._clearBtn.removeEventListener("click",this._clear),this._searchBtn.removeEventListener("click",this._search)}},{key:"attributeChangedCallback",value:function(e,t,i){a(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"attributeChangedCallback",this).call(this);var o=this.shadowRoot.querySelector("slot").assignedNodes().filter(function(e){return e.nodeType===Node.ELEMENT_NODE})[0],n=this.shadowRoot.querySelector(".clear-search"),r=this.shadowRoot.querySelector(".search-button");switch(e){case"loading":this.loading&&""!==o.value?this.shadowRoot.querySelector(".loading").removeAttribute("hidden"):this.shadowRoot.querySelector(".loading").setAttribute("hidden","");break;case"init-value":this["init-value"]!==i&&(""===(o.value=i)||this.isDisabled?(r.setAttribute("disabled",""),n.setAttribute("hidden","")):(r.removeAttribute("disabled"),n.removeAttribute("hidden")));break;case"is-disabled":this.isDisabled?(n.setAttribute("disabled",""),r.setAttribute("disabled",""),o.setAttribute("disabled","")):(n.removeAttribute("disabled"),r.removeAttribute("disabled"),o.removeAttribute("disabled"))}}},{key:"_slotchangeHandler",value:function(){var e=this.shadowRoot.querySelector("slot").assignedNodes().filter(function(e){return e.nodeType===Node.ELEMENT_NODE});0!==e.length?(this._input=e[0],"input"===this._input.tagName.toLowerCase()?(this._input.addEventListener("input",this._inputChanged.bind(this)),this._input.addEventListener("blur",this._closeDroplist.bind(this)),this._input.setAttribute("role","combobox"),this._input.hasAttribute("aria-label")||this._input.setAttribute("aria-label","Search"),this._input.setAttribute("aria-autocomplete","both"),this._input.setAttribute("aria-haspopup","true"),this._input.setAttribute("type","search"),this._input.setAttribute("autocomplete","off"),this._input.setAttribute("autocorrect","off"),this._input.setAttribute("autocapitalize","off"),this._input.setAttribute("spellcheck","false"),this._dropdown._ariaAnnounceTemplate=this.getAttribute("aria-announce-template")||this._ariaAnnounceTemplate):console.error(p.tag+": The only child in the light DOM must be an input tag")):console.error(p.tag+": There must be a input tag in the light DOM")}},{key:"_inputChanged",value:function(){var e=this;if(""===this._input.value)return this._searchBtn.setAttribute("disabled",""),this._clearBtn.setAttribute("hidden",""),void this._reset();this._input.hasAttribute("disabled")||this._searchBtn.removeAttribute("disabled"),this._clearBtn.removeAttribute("hidden"),!1===u&&(u=!0,window.setTimeout(function(){e._sendAutocompleteRequest(e._input.value),u=!1},this.debounce))}},{key:"_clear",value:function(){this._input.value="",this._clearBtn.setAttribute("hidden",""),this._searchBtn.setAttribute("disabled",""),this._input.focus()}},{key:"_search",value:function(){this._doSearch(this._input.value)}},{key:"_closeDroplist",value:function(){this._dropdown.open=null,this._dropdown.removeAttribute("active-index")}},{key:"_openDroplist",value:function(){this.activeIndex=null,this._dropdown.setAttribute("open",!0),this._dropdown.setAttribute("active-index",null)}},{key:"_optionSelected",value:function(e){var t=e.detail.optionValue;this._input.value=t,this._doSearch(t)}},{key:"_doSearch",value:function(e){this.emitEvent(p.events.search,{detail:{searchValue:e},composed:!0}),this._reset(),this.selectedValue=e}},{key:"_sendAutocompleteRequest",value:function(e){this.autocompleteRequest&&this.autocompleteRequest({query:e},this._autocompleteCallback.bind(this))}},{key:"_autocompleteCallback",value:function(e){this._dropdown.data=e,this._dropdown.reflow=!0,0!==e.length?this._openDroplist():this._closeDroplist()}},{key:"_reset",value:function(){this._dropdown.activeIndex=null,this._input.setAttribute("aria-activedescendant",""),this._dropdown.data=[],this._closeDroplist()}},{key:"_activeOption",value:function(e){if(null!==e&&"null"!==e)return this._dropdown.shadowRoot.querySelector("li:nth-child("+(parseInt(e,10)+1)+")").innerHTML}},{key:"_inputKeyUp",value:function(e){var t=e.keyCode;if(0!==this._dropdown.data.length||t===l||t===d||t===s||t===c){var i=this._dropdown.activeIndex,o=this._dropdown.data.length;if(t==c)this._closeDroplist();else if(t===d){if(!this._dropdown.open)return;i=null===i||"null"===i?o:parseInt(i,10),(i-=1)<0&&(i=o-1),this._input.value=this._activeOption(i)}else if(t===l){if(!this._dropdown.open)return;i=null===i||"null"===i?-1:parseInt(i,10),o-1<(i+=1)&&(i=0),this._input.value=this._activeOption(i)}else if(t===s){if(this._activeOption(i))return void this.emitEvent(p.events.select,{detail:{optionValue:this._activeOption(i)},composed:!0});var n=this._input.value;return void this._doSearch(n)}null!==i&&"null"!==i?this._input.setAttribute("aria-activedescendant","option-"+i):this._input.setAttribute("aria-activedescendant",""),this.activeIndex=i,this._dropdown.activeIndex=i}}},{key:"selectedValue",get:function(){return this.getAttribute("selected-value")},set:function(e){this.setAttribute("selected-value",e)}},{key:"isDisabled",set:function(e){e?this.setAttribute("is-disabled",""):this.removeAttribute("is-disabled")},get:function(){return this.hasAttribute("is-disabled")}},{key:"loading",set:function(e){Boolean(e)?this.setAttribute("loading",""):this.removeAttribute("loading")},get:function(){return this.hasAttribute("loading")}},{key:"initValue",get:function(){return this.getAttribute("init-value")},set:function(e){this.setAttribute("init-value",e)}},{key:"debounce",get:function(){return this.getAttribute("debounce")},set:function(e){this.setAttribute("debounce",e)}}],[{key:"observedAttributes",get:function(){return["init-value","loading","is-disabled"]}}]),p);function p(){t(this,p);var e=r(this,(p.__proto__||Object.getPrototypeOf(p)).call(this,p));return e._slotchangeHandler=e._slotchangeHandler.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener(p.events.slotchange,e._slotchangeHandler),e}var f=(n(b,e),i(b,[{key:"html",get:function(){return'\n
"}).join("")}},{key:"attributeChangedCallback",value:function(e,t,i){a(b.prototype.__proto__||Object.getPrototypeOf(b.prototype),"attributeChangedCallback",this).call(this),this[name]!==i&&(this[name]=i),"active-index"===e&&t!==i&&this._activeIndexChanged(),"reflow"===e&&this._renderOptions()}},{key:"_activeIndexChanged",value:function(){if(this.data&&0!==this.data.length&&null!==this.activeIndex&&"null"!==this.activeIndex){this._ul.querySelector(".active")&&this._ul.querySelector(".active").classList.remove("active");var e=this._ul.querySelector("li:nth-child("+(parseInt(this.activeIndex,10)+1)+")");e.classList.add("active");var t=this.shadowRoot.querySelector(".droplist"),i=e.offsetHeight;i+=parseInt(window.getComputedStyle(e).getPropertyValue("margin-bottom"),10),t.scrollTop=e.offsetTop-t.offsetHeight+i}}},{key:"open",get:function(){return this.hasAttribute("open")},set:function(e){(e=Boolean(e))?this.setAttribute("open",""):this.removeAttribute("open")}},{key:"activeIndex",get:function(){return this.getAttribute("active-index")},set:function(e){this.setAttribute("active-index",e)}},{key:"reflow",get:function(){return this.hasAttribute("reflow")},set:function(e){(e=Boolean(e))?this.setAttribute("reflow",""):this.removeAttribute("reflow")}}],[{key:"observedAttributes",get:function(){return["open","reflow","active-index"]}}]),b);function b(){return t(this,b),r(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,b))}return e.create(f),e.create(h),h});
+//# sourceMappingURL=pfe-autocomplete.umd.min.js.map
diff --git a/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map
new file mode 100644
index 0000000000..02676f9aec
--- /dev/null
+++ b/elements/pfe-autocomplete/dist/pfe-autocomplete.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-autocomplete.umd.min.js","sources":["../_temp/pfe-autocomplete.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeAutocomplete 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nconst KEYCODE = {\n ENTER: 13,\n DOWN: 40,\n UP: 38,\n ESC: 27\n};\n\n// use this variable to debounce api call when user types very fast\nlet throttle = false;\n\nclass PfeAutocomplete extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n\n \n \n \n\n \n\n \n
\n`;\n }\n\n static get properties() {\n return {\"debounce_timer\":{\"title\":\"Debounce\",\"description\":\"The amount of time that should pass before the next API call is made\",\"type\":\"string\",\"prefixed\":false},\"init_value\":{\"title\":\"Initial value\",\"description\":\"An initial value to show in the input field\",\"type\":\"string\",\"prefixed\":false},\"is_disabled\":{\"title\":\"Is disabled\",\"description\":\"Disable the input\",\"type\":\"boolean\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"input\"}]},\"required\":true}};\n }\n static get tag() {\n return \"pfe-autocomplete\";\n }\n\n get schemaUrl() {\n return \"pfe-autocomplete.json\";\n }\n\n get templateUrl() {\n return \"pfe-autocomplete.html\";\n }\n\n get styleUrl() {\n return \"pfe-autocomplete.scss\";\n }\n\n static get events() {\n return {\n search: `${this.tag}:search-event`,\n select: `${this.tag}:option-selected`,\n slotchange: `slotchange`\n };\n }\n\n constructor() {\n super(PfeAutocomplete);\n\n this._slotchangeHandler = this._slotchangeHandler.bind(this);\n\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.loading = false;\n this.debounce = this.debounce || 300;\n this._ariaAnnounceTemplate =\n \"There are ${numOptions} suggestions. Use the up and down arrows to browse.\";\n\n // clear button\n this._clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n this._clearBtn.addEventListener(\"click\", this._clear.bind(this));\n\n // search button\n this._searchBtn = this.shadowRoot.querySelector(\".search-button\");\n this._searchBtn.addEventListener(\"click\", this._search.bind(this));\n\n this._dropdown = this.shadowRoot.querySelector(\"#dropdown\");\n this._dropdown.data = [];\n\n this.activeIndex = null;\n\n this.addEventListener(\"keyup\", this._inputKeyUp.bind(this));\n\n // these two events, fire search\n this.addEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist.bind(this)\n );\n this.addEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected.bind(this)\n );\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keyup\", this._inputKeyUp);\n\n this.removeEventListener(\n PfeAutocomplete.events.search,\n this._closeDroplist\n );\n this.removeEventListener(\n PfeAutocomplete.events.select,\n this._optionSelected\n );\n this._slot.removeEventListener(\n PfeAutocomplete.events.slotchange,\n this._slotchangeHandler\n );\n if (this._input) {\n this._input.removeEventListener(\"input\", this._inputChanged);\n this._input.removeEventListener(\"blur\", this._closeDroplist);\n }\n\n this._clearBtn.removeEventListener(\"click\", this._clear);\n this._searchBtn.removeEventListener(\"click\", this._search);\n }\n\n static get observedAttributes() {\n return [\"init-value\", \"loading\", \"is-disabled\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n let _input = slotElems[0];\n\n let _clearBtn = this.shadowRoot.querySelector(\".clear-search\");\n let _searchBtn = this.shadowRoot.querySelector(\".search-button\");\n\n switch (attr) {\n case \"loading\":\n if (!this.loading || _input.value === \"\") {\n this.shadowRoot.querySelector(\".loading\").setAttribute(\"hidden\", \"\");\n } else {\n this.shadowRoot.querySelector(\".loading\").removeAttribute(\"hidden\");\n }\n break;\n\n case \"init-value\":\n if (this[\"init-value\"] !== newVal) {\n // set inputbox and buttons in the inner component\n _input.value = newVal;\n if (newVal !== \"\" && !this.isDisabled) {\n _searchBtn.removeAttribute(\"disabled\");\n _clearBtn.removeAttribute(\"hidden\");\n } else {\n _searchBtn.setAttribute(\"disabled\", \"\");\n _clearBtn.setAttribute(\"hidden\", \"\");\n }\n }\n break;\n\n case \"is-disabled\":\n if (this.isDisabled) {\n _clearBtn.setAttribute(\"disabled\", \"\");\n _searchBtn.setAttribute(\"disabled\", \"\");\n _input.setAttribute(\"disabled\", \"\");\n } else {\n _clearBtn.removeAttribute(\"disabled\");\n _searchBtn.removeAttribute(\"disabled\");\n _input.removeAttribute(\"disabled\");\n }\n break;\n }\n }\n\n get selectedValue() {\n return this.getAttribute(\"selected-value\");\n }\n\n set selectedValue(val) {\n this.setAttribute(\"selected-value\", val);\n }\n\n set isDisabled(value) {\n if (value) {\n this.setAttribute(\"is-disabled\", \"\");\n } else {\n this.removeAttribute(\"is-disabled\");\n }\n }\n\n get isDisabled() {\n return this.hasAttribute(\"is-disabled\");\n }\n\n set loading(value) {\n const loading = Boolean(value);\n if (loading) {\n this.setAttribute(\"loading\", \"\");\n } else {\n this.removeAttribute(\"loading\");\n }\n }\n\n get loading() {\n return this.hasAttribute(\"loading\");\n }\n\n get initValue() {\n return this.getAttribute(\"init-value\");\n }\n\n set initValue(val) {\n this.setAttribute(\"init-value\", val);\n }\n\n get debounce() {\n return this.getAttribute(\"debounce\");\n }\n\n set debounce(val) {\n this.setAttribute(\"debounce\", val);\n }\n\n _slotchangeHandler() {\n // input box\n let slotNodes = this.shadowRoot.querySelector(\"slot\").assignedNodes();\n let slotElems = slotNodes.filter(n => n.nodeType === Node.ELEMENT_NODE);\n\n if (slotElems.length === 0) {\n console.error(\n `${PfeAutocomplete.tag}: There must be a input tag in the light DOM`\n );\n\n return;\n }\n\n this._input = slotElems[0];\n\n if (this._input.tagName.toLowerCase() !== \"input\") {\n console.error(\n `${PfeAutocomplete.tag}: The only child in the light DOM must be an input tag`\n );\n\n return;\n }\n\n this._input.addEventListener(\"input\", this._inputChanged.bind(this));\n this._input.addEventListener(\"blur\", this._closeDroplist.bind(this));\n\n this._input.setAttribute(\"role\", \"combobox\");\n\n if (!this._input.hasAttribute(\"aria-label\")) {\n this._input.setAttribute(\"aria-label\", \"Search\");\n }\n\n this._input.setAttribute(\"aria-autocomplete\", \"both\");\n this._input.setAttribute(\"aria-haspopup\", \"true\");\n this._input.setAttribute(\"type\", \"search\");\n this._input.setAttribute(\"autocomplete\", \"off\");\n this._input.setAttribute(\"autocorrect\", \"off\");\n this._input.setAttribute(\"autocapitalize\", \"off\");\n this._input.setAttribute(\"spellcheck\", \"false\");\n\n this._dropdown._ariaAnnounceTemplate =\n this.getAttribute(\"aria-announce-template\") || this._ariaAnnounceTemplate;\n }\n\n _inputChanged() {\n if (this._input.value === \"\") {\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._clearBtn.setAttribute(\"hidden\", \"\");\n\n this._reset();\n return;\n } else {\n if (!this._input.hasAttribute(\"disabled\")) {\n this._searchBtn.removeAttribute(\"disabled\");\n }\n this._clearBtn.removeAttribute(\"hidden\");\n }\n\n if (throttle === false) {\n throttle = true;\n\n window.setTimeout(() => {\n this._sendAutocompleteRequest(this._input.value);\n throttle = false;\n }, this.debounce);\n }\n }\n\n _clear() {\n this._input.value = \"\";\n this._clearBtn.setAttribute(\"hidden\", \"\");\n this._searchBtn.setAttribute(\"disabled\", \"\");\n this._input.focus();\n }\n\n _search() {\n this._doSearch(this._input.value);\n }\n\n _closeDroplist() {\n this._dropdown.open = null;\n this._dropdown.removeAttribute(\"active-index\");\n }\n\n _openDroplist() {\n this.activeIndex = null;\n this._dropdown.setAttribute(\"open\", true);\n this._dropdown.setAttribute(\"active-index\", null);\n }\n\n _optionSelected(e) {\n let selectedValue = e.detail.optionValue;\n\n // update input box with selected value from options list\n this._input.value = selectedValue;\n\n // send search request\n this._doSearch(selectedValue);\n }\n\n _doSearch(searchQuery) {\n this.emitEvent(PfeAutocomplete.events.search, {\n detail: { searchValue: searchQuery },\n composed: true\n });\n this._reset();\n this.selectedValue = searchQuery;\n }\n\n _sendAutocompleteRequest(input) {\n if (!this.autocompleteRequest) return;\n\n this.autocompleteRequest(\n { query: input },\n this._autocompleteCallback.bind(this)\n );\n }\n\n _autocompleteCallback(response) {\n this._dropdown.data = response;\n this._dropdown.reflow = true;\n response.length !== 0 ? this._openDroplist() : this._closeDroplist();\n }\n\n _reset() {\n this._dropdown.activeIndex = null;\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n this._dropdown.data = [];\n this._closeDroplist();\n }\n\n _activeOption(activeIndex) {\n if (activeIndex === null || activeIndex === \"null\") return;\n return this._dropdown.shadowRoot.querySelector(\n \"li:nth-child(\" + (parseInt(activeIndex, 10) + 1) + \")\"\n ).innerHTML;\n }\n\n _inputKeyUp(e) {\n let key = e.keyCode;\n\n if (\n this._dropdown.data.length === 0 &&\n key !== KEYCODE.DOWN &&\n key !== KEYCODE.UP &&\n key !== KEYCODE.ENTER &&\n key !== KEYCODE.ESC\n )\n return;\n\n let activeIndex = this._dropdown.activeIndex;\n let optionsLength = this._dropdown.data.length;\n\n if (key == KEYCODE.ESC) {\n this._closeDroplist();\n } else if (key === KEYCODE.UP) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? optionsLength\n : parseInt(activeIndex, 10);\n\n activeIndex -= 1;\n\n if (activeIndex < 0) {\n activeIndex = optionsLength - 1;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.DOWN) {\n if (!this._dropdown.open) {\n return;\n }\n\n activeIndex =\n activeIndex === null || activeIndex === \"null\"\n ? -1\n : parseInt(activeIndex, 10);\n activeIndex += 1;\n\n if (activeIndex > optionsLength - 1) {\n activeIndex = 0;\n }\n\n this._input.value = this._activeOption(activeIndex);\n } else if (key === KEYCODE.ENTER) {\n if (this._activeOption(activeIndex)) {\n this.emitEvent(PfeAutocomplete.events.select, {\n detail: { optionValue: this._activeOption(activeIndex) },\n composed: true\n });\n\n return;\n }\n\n let selectedValue = this._input.value;\n this._doSearch(selectedValue);\n return;\n }\n\n if (activeIndex !== null && activeIndex !== \"null\") {\n this._input.setAttribute(\n \"aria-activedescendant\",\n \"option-\" + activeIndex\n );\n } else {\n this._input.setAttribute(\"aria-activedescendant\", \"\");\n }\n\n this.activeIndex = activeIndex;\n this._dropdown.activeIndex = activeIndex;\n }\n}\n\n/*\n* - Attributes ------------------------------------\n* open | Set when the combo box dropdown is open\n* active-index | Set selected option\n* reflow | Re-renders the dropdown\n\n* - Events ----------------------------------------\n* pfe-autocomplete:option-selected | Fires when an option is selected.\n event.details.optionValue contains the selected value.\n*/\nclass PfeSearchDroplist extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n
`;\n })\n .join(\"\")}`;\n }\n\n static get observedAttributes() {\n return [\"open\", \"reflow\", \"active-index\"];\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback();\n\n if (this[name] !== newVal) {\n this[name] = newVal;\n }\n\n if (attr === \"active-index\" && oldVal !== newVal) {\n this._activeIndexChanged();\n }\n\n if (attr === \"reflow\") {\n this._renderOptions();\n }\n }\n\n _activeIndexChanged() {\n if (\n !this.data ||\n this.data.length === 0 ||\n this.activeIndex === null ||\n this.activeIndex === \"null\"\n )\n return;\n\n // remove active class\n if (this._ul.querySelector(\".active\")) {\n this._ul.querySelector(\".active\").classList.remove(\"active\");\n }\n\n // add active class to selected option\n let activeOption = this._ul.querySelector(\n \"li:nth-child(\" + (parseInt(this.activeIndex, 10) + 1) + \")\"\n );\n\n activeOption.classList.add(\"active\");\n\n // scroll to selected element when selected item with keyboard is out of view\n let ulWrapper = this.shadowRoot.querySelector(\".droplist\");\n let activeOptionHeight = activeOption.offsetHeight;\n activeOptionHeight += parseInt(\n window.getComputedStyle(activeOption).getPropertyValue(\"margin-bottom\"),\n 10\n );\n ulWrapper.scrollTop =\n activeOption.offsetTop - ulWrapper.offsetHeight + activeOptionHeight;\n }\n\n get open() {\n return this.hasAttribute(\"open\");\n }\n\n set open(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"open\", \"\");\n } else {\n this.removeAttribute(\"open\");\n }\n }\n\n get activeIndex() {\n return this.getAttribute(\"active-index\");\n }\n\n set activeIndex(val) {\n this.setAttribute(\"active-index\", val);\n }\n\n get reflow() {\n return this.hasAttribute(\"reflow\");\n }\n\n set reflow(val) {\n val = Boolean(val);\n\n if (val) {\n this.setAttribute(\"reflow\", \"\");\n } else {\n this.removeAttribute(\"reflow\");\n }\n }\n}\n\nPFElement.create(PfeSearchDroplist);\nPFElement.create(PfeAutocomplete);\n\nexport default PfeAutocomplete;\n"],"names":["KEYCODE","throttle","PfeAutocomplete","PFElement","debounce_timer","title","description","type","prefixed","init_value","is_disabled","content","namedSlot","items","oneOf","$ref","required","this","tag","loading","debounce","_ariaAnnounceTemplate","_clearBtn","shadowRoot","querySelector","addEventListener","_clear","bind","_searchBtn","_search","_dropdown","data","activeIndex","_inputKeyUp","events","search","_closeDroplist","select","_optionSelected","removeEventListener","_slot","slotchange","_slotchangeHandler","_input","_inputChanged","attr","oldVal","newVal","assignedNodes","filter","n","nodeType","Node","ELEMENT_NODE","value","removeAttribute","setAttribute","isDisabled","slotElems","length","tagName","toLowerCase","hasAttribute","getAttribute","error","_reset","setTimeout","_sendAutocompleteRequest","_this2","focus","_doSearch","open","e","selectedValue","detail","optionValue","searchQuery","emitEvent","searchValue","input","autocompleteRequest","query","_autocompleteCallback","response","reflow","_openDroplist","parseInt","innerHTML","key","keyCode","optionsLength","_activeOption","val","Boolean","_this","PfeSearchDroplist","_ariaAnnounce","_ul","target","innerText","options","ariaAnnounceText","replace","textContent","map","item","index","join","name","_activeIndexChanged","_renderOptions","classList","remove","activeOption","add","ulWrapper","activeOptionHeight","offsetHeight","window","getComputedStyle","getPropertyValue","scrollTop","offsetTop","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-autocomplete/package-lock.json b/elements/pfe-autocomplete/package-lock.json
index 0756b1d1bf..78cad8083a 100644
--- a/elements/pfe-autocomplete/package-lock.json
+++ b/elements/pfe-autocomplete/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-autocomplete",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-autocomplete/package.json b/elements/pfe-autocomplete/package.json
index d3f81f8130..331ed0a1d6 100644
--- a/elements/pfe-autocomplete/package.json
+++ b/elements/pfe-autocomplete/package.json
@@ -4,7 +4,7 @@
"className": "PfeAutocomplete",
"elementName": "pfe-autocomplete"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Autocomplete element for PatternFly Elements",
"keywords": [
"web-components",
@@ -40,7 +40,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "0.5.5",
"bugs": {
diff --git a/elements/pfe-avatar/dist/pfe-avatar.js b/elements/pfe-avatar/dist/pfe-avatar.js
new file mode 100644
index 0000000000..5ded779a1a
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.js
@@ -0,0 +1,490 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/**
+ * djb2 string hashing function.
+ *
+ * @see http://www.cse.yorku.ca/~oz/hash.html
+ * @param {String} str the string to hash.
+ * @return {Number} a positive integer
+ */
+
+function hash(str) {
+ let hash = 5381;
+ let i = str.length;
+
+ while (i) {
+ hash = (hash * 33) ^ str.charCodeAt(--i);
+ }
+
+ return hash >>> 0;
+}
+
+function h2rgb(v1, v2, vH) {
+ if (vH < 0) vH += 1;
+ if (vH > 1) vH -= 1;
+ if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;
+ if (2 * vH < 1) return v2;
+ if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;
+ return v1;
+}
+
+/**
+ * Convert an HSL color to RGB.
+ *
+ * @param {Number} H the hue component
+ * @param {Number} S the saturation component
+ * @param {Number} L the luminance component
+ * @return {Array} [R, G, B]
+ *
+ * @see https://www.easyrgb.com/en/math.php
+ */
+function hsl2rgb(_H, _S, _L) {
+ let R, G, B;
+
+ const H = Math.max(0, Math.min(1, _H));
+ const S = Math.max(0, Math.min(1, _S));
+ const L = Math.max(0, Math.min(1, _L));
+
+ if (S == 0) {
+ R = L * 255;
+ G = L * 255;
+ B = L * 255;
+ } else {
+ let a, b;
+
+ if (L < 0.5) {
+ b = L * (1 + S);
+ } else {
+ b = L + S - S * L;
+ }
+
+ a = 2 * L - b;
+
+ R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));
+ G = Math.floor(255 * h2rgb(a, b, H));
+ B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));
+ }
+
+ return [R, G, B];
+}
+
+/**
+ * Convert an RGBcolor to HSL.
+ *
+ * @param {Number} R the red component
+ * @param {Number} G the green component
+ * @param {Number} B the blue component
+ * @return {Array} [H, S, L]
+ *
+ * @see https://www.easyrgb.com/en/math.php
+ */
+function rgb2hsl(_R, _G, _B) {
+ let H, S, L;
+
+ const R = Math.max(0, Math.min(255, _R));
+ const G = Math.max(0, Math.min(255, _G));
+ const B = Math.max(0, Math.min(255, _B));
+
+ const r = R / 255;
+ const g = G / 255;
+ const b = B / 255;
+
+ const var_min = Math.min(Math.min(r, g), b);
+ const var_max = Math.max(Math.max(r, g), b);
+ const del_max = var_max - var_min;
+
+ L = (var_max + var_min) / 2;
+
+ if (del_max === 0) {
+ H = 0;
+ S = 0;
+ } else {
+ if (L < 0.5) {
+ S = del_max / (var_max + var_min);
+ } else {
+ S = del_max / (2 - var_max - var_min);
+ }
+
+ const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;
+ const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;
+ const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;
+
+ if (r == var_max) {
+ H = del_b - del_g;
+ } else if (g == var_max) {
+ H = 1 / 3 + del_r - del_b;
+ } else if (b == var_max) {
+ H = 2 / 3 + del_g - del_r;
+ }
+
+ if (H < 0) {
+ H += 1;
+ } else if (H > 1) {
+ H -= 1;
+ }
+ }
+
+ return [H, S, L];
+}
+
+/*!
+ * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeAvatar extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+`;
+ }
+ static get tag() {
+ return "pfe-avatar";
+ }
+
+ get templateUrl() {
+ return "pfe-avatar.html";
+ }
+
+ get styleUrl() {
+ return "pfe-avatar.scss";
+ }
+
+ static get observedAttributes() {
+ return ["pfe-name", "pfe-pattern", "pfe-src", "pfe-shape"];
+ }
+
+ static get events() {
+ return {
+ connected: `${this.tag}:connected`
+ };
+ }
+
+ static get patterns() {
+ return {
+ triangles: "triangles",
+ squares: "squares"
+ };
+ }
+
+ static get defaultSize() {
+ return 128;
+ }
+
+ static get defaultColors() {
+ return "#67accf #448087 #709c6b #a35252 #826cbb";
+ }
+
+ get name() {
+ return this.getAttribute("pfe-name");
+ }
+
+ set name(val) {
+ return this.setAttribute("pfe-name", val);
+ }
+
+ get src() {
+ return this.getAttribute("pfe-src");
+ }
+
+ set src(href) {
+ return this.setAttribute("pfe-src", href);
+ }
+
+ get pattern() {
+ return this.getAttribute("pfe-pattern") || PfeAvatar.patterns.squares;
+ }
+
+ set pattern(name) {
+ if (!PfeAvatar.patterns[name]) {
+ this.log(
+ `invalid pattern "${name}", valid patterns are: ${Object.values(
+ PfeAvatar.patterns
+ )}`
+ );
+ return;
+ }
+ return this.setAttribute("pfe-pattern", name);
+ }
+
+ constructor() {
+ super(PfeAvatar);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this._initCanvas();
+
+ this.emitEvent(PfeAvatar.events.connected, {
+ bubbles: false
+ });
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(...arguments);
+
+ if (this.connected) {
+ this.update();
+ } else {
+ this.addEventListener(PfeAvatar.events.connected, () => this.update());
+ }
+ }
+
+ _initCanvas() {
+ this._canvas = this.shadowRoot.querySelector("canvas");
+ const size =
+ this.var("--pfe-avatar--width").replace(/px$/, "") ||
+ PfeAvatar.defaultSize;
+ this._canvas.width = size;
+ this._canvas.height = size;
+
+ this._squareSize = this._canvas.width / 8;
+ this._triangleSize = this._canvas.width / 4;
+
+ this._ctx = this._canvas.getContext("2d");
+ }
+
+ static _registerColors() {
+ this.colors = [];
+ const themeColors = this.var("--pfe-avatar--colors") || this.defaultColors;
+
+ themeColors.split(/\s+/).forEach(colorCode => {
+ let pattern;
+ switch (colorCode.length) {
+ case 4: // ex: "#0fc"
+ pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);
+ if (pattern) {
+ pattern.shift();
+ const color = pattern.map(c => parseInt(c + c, 16));
+ this._registerColor(color);
+ } else {
+ this.log(`[pfe-avatar] invalid color ${colorCode}`);
+ }
+ break;
+ case 7: // ex: "#00ffcc"
+ pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(
+ colorCode
+ );
+ if (pattern) {
+ pattern.shift();
+ const color = pattern.map(c => parseInt(c, 16));
+ this._registerColor(color);
+ } else {
+ this.log(`[pfe-avatar] invalid color ${colorCode}`);
+ }
+ }
+ });
+
+ return this.colors;
+ }
+
+ static _registerColor(color) {
+ PfeAvatar.colors.push({
+ color1: `rgb(${color.join(",")})`,
+ color2: `rgb(${this._adjustColor(color).join(",")})`
+ });
+ }
+
+ static _adjustColor(color) {
+ const dark = 0.1;
+ const l_adj = 0.1; // luminance adjustment
+ const hsl = rgb2hsl(...color);
+
+ // if luminance is too dark already, then lighten the alternate color
+ // instead of darkening it.
+ hsl[2] += hsl[2] > dark ? -l_adj : l_adj;
+
+ return hsl2rgb(...hsl);
+ }
+
+ update() {
+ // if we have a src element, update the img, otherwise update the random pattern
+ if (this.hasAttribute("pfe-src")) {
+ this.shadowRoot.querySelector("img").src = this.src;
+ } else {
+ const bitPattern = hash(this.name).toString(2);
+ const arrPattern = bitPattern.split("").map(n => Number(n));
+ this._colorIndex = Math.floor(
+ (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)
+ );
+ this.color1 = PfeAvatar.colors[this._colorIndex].color1;
+ this.color2 = PfeAvatar.colors[this._colorIndex].color2;
+
+ this._clear();
+ this._drawBackground();
+ if (this.pattern === PfeAvatar.patterns.squares) {
+ this._drawSquarePattern(arrPattern);
+ } else if (this.pattern === PfeAvatar.patterns.triangles) {
+ this._drawTrianglePattern(arrPattern);
+ }
+ // this._drawGradient();
+ }
+ }
+
+ _clear() {
+ this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+
+ _drawBackground() {
+ this._ctx.fillStyle = this.color1;
+ this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+
+ _drawSquarePattern(pattern) {
+ this._ctx.fillStyle = this.color2;
+ if (this._ctx) {
+ let i = pattern.length;
+ while (i--) {
+ if (pattern[i]) {
+ this._drawMirroredSquare(i % 4, Math.floor(i / 4));
+ }
+ }
+ }
+ }
+
+ /**
+ * Draw a square at the given position, mirrored onto both the left and right half of the canvas.
+ */
+ _drawMirroredSquare(x, y) {
+ if (this._ctx) {
+ this._drawSquare(x, y);
+ this._drawSquare(7 - x, y);
+ }
+ }
+
+ _drawSquare(x, y) {
+ this._ctx.fillRect(
+ this._squareSize * x,
+ this._squareSize * y,
+ this._squareSize,
+ this._squareSize
+ );
+ }
+
+ _drawTrianglePattern(pattern) {
+ this._ctx.fillStyle = this.color2;
+ if (this._ctx) {
+ let i = pattern.length;
+ while (i--) {
+ if (pattern[i]) {
+ const x = Math.floor(i / 2) % 2;
+ const y = Math.floor(i / 4);
+ const alt = i % 4;
+
+ const p1 = [x, y];
+ const p2 = [x, y];
+ const p3 = [x, y];
+
+ switch (alt) {
+ case 0:
+ p2[1]++;
+ p3[0]++;
+ p3[1]++;
+ break;
+ case 1:
+ p2[0]++;
+ p3[0]++;
+ p3[1]++;
+ break;
+ case 2:
+ p2[0]++;
+ p3[1]++;
+ break;
+ case 3:
+ p1[0]++;
+ p2[0]++;
+ p2[1]++;
+ p3[1]++;
+ break;
+ }
+
+ this._drawMirroredTriangle(p1, p2, p3);
+ }
+ }
+ }
+ }
+
+ /**
+ * Draw a square at the given position in the top-left quadrant of the
+ * canvas, and mirrored to the other three quadrants.
+ */
+ _drawMirroredTriangle(p1, p2, p3) {
+ if (this._ctx) {
+ this._drawTriangle(p1, p2, p3);
+ this._drawTriangle(
+ [4 - p1[0], p1[1]],
+ [4 - p2[0], p2[1]],
+ [4 - p3[0], p3[1]]
+ );
+ }
+ }
+
+ _drawTriangle(p1, p2, p3) {
+ this._ctx.beginPath();
+ this._ctx.moveTo(...p1.map(c => c * this._triangleSize));
+ this._ctx.lineTo(...p2.map(c => c * this._triangleSize));
+ this._ctx.lineTo(...p3.map(c => c * this._triangleSize));
+ this._ctx.closePath();
+ this._ctx.fill();
+ this._ctx.fill();
+ }
+
+ _drawGradient() {
+ const gradient = this._ctx.createLinearGradient(
+ 0,
+ this._canvas.height,
+ this._canvas.width,
+ 0
+ );
+ const color = this.color2;
+ let gradientColor1 = color;
+ let gradientColor2 = color;
+ if (/^#[A-f0-9]{3}$/.test(color)) {
+ // color is of the form "#fff"
+ gradientColor1 += "c";
+ gradientColor2 += "0";
+ } else if (/^#[A-f0-9]{6}$/.test(color)) {
+ // color is of the form "#ffffff"
+ gradientColor1 += "cc";
+ gradientColor2 += "00";
+ }
+ gradient.addColorStop(0, gradientColor1);
+ gradient.addColorStop(1, gradientColor2);
+ gradient.addColorStop(1, gradientColor1);
+ this._ctx.fillStyle = gradient;
+ this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+}
+
+PfeAvatar._registerColors();
+
+PFElement.create(PfeAvatar);
+
+export default PfeAvatar;
+//# sourceMappingURL=pfe-avatar.js.map
diff --git a/elements/pfe-avatar/dist/pfe-avatar.js.map b/elements/pfe-avatar/dist/pfe-avatar.js.map
new file mode 100644
index 0000000000..517886c80f
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-avatar.js","sources":["../_temp/djb-hash.js","../_temp/hslrgb.js","../_temp/pfe-avatar.js"],"sourcesContent":["/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n","function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-avatar/dist/pfe-avatar.min.js b/elements/pfe-avatar/dist/pfe-avatar.min.js
new file mode 100644
index 0000000000..14fab14d35
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.min.js
@@ -0,0 +1,27 @@
+import t from"../../pfelement/dist/pfelement.min.js";function e(t,e,a){return a<0&&(a+=1),a>1&&(a-=1),6*a<1?t+6*(e-t)*a:2*a<1?e:3*a<2?t+(e-t)*(2/3-a)*6:t}
+/*!
+ * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+class a extends t{static get version(){return"1.0.0-prerelease.54"}get html(){return"\n"}static get tag(){return"pfe-avatar"}get templateUrl(){return"pfe-avatar.html"}get styleUrl(){return"pfe-avatar.scss"}static get observedAttributes(){return["pfe-name","pfe-pattern","pfe-src","pfe-shape"]}static get events(){return{connected:`${this.tag}:connected`}}static get patterns(){return{triangles:"triangles",squares:"squares"}}static get defaultSize(){return 128}static get defaultColors(){return"#67accf #448087 #709c6b #a35252 #826cbb"}get name(){return this.getAttribute("pfe-name")}set name(t){return this.setAttribute("pfe-name",t)}get src(){return this.getAttribute("pfe-src")}set src(t){return this.setAttribute("pfe-src",t)}get pattern(){return this.getAttribute("pfe-pattern")||a.patterns.squares}set pattern(t){if(a.patterns[t])return this.setAttribute("pfe-pattern",t);this.log(`invalid pattern "${t}", valid patterns are: ${Object.values(a.patterns)}`)}constructor(){super(a)}connectedCallback(){super.connectedCallback(),this._initCanvas(),this.emitEvent(a.events.connected,{bubbles:!1})}attributeChangedCallback(t,e,r){super.attributeChangedCallback(...arguments),this.connected?this.update():this.addEventListener(a.events.connected,()=>this.update())}_initCanvas(){this._canvas=this.shadowRoot.querySelector("canvas");const t=this.var("--pfe-avatar--width").replace(/px$/,"")||a.defaultSize;this._canvas.width=t,this._canvas.height=t,this._squareSize=this._canvas.width/8,this._triangleSize=this._canvas.width/4,this._ctx=this._canvas.getContext("2d")}static _registerColors(){return this.colors=[],(this.var("--pfe-avatar--colors")||this.defaultColors).split(/\s+/).forEach(t=>{let e;switch(t.length){case 4:if(e=/^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(t)){e.shift();const t=e.map(t=>parseInt(t+t,16));this._registerColor(t)}else this.log(`[pfe-avatar] invalid color ${t}`);break;case 7:if(e=/^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(t)){e.shift();const t=e.map(t=>parseInt(t,16));this._registerColor(t)}else this.log(`[pfe-avatar] invalid color ${t}`)}}),this.colors}static _registerColor(t){a.colors.push({color1:`rgb(${t.join(",")})`,color2:`rgb(${this._adjustColor(t).join(",")})`})}static _adjustColor(t){const a=function(t,e,a){let r,i,s;const n=Math.max(0,Math.min(255,t))/255,h=Math.max(0,Math.min(255,e))/255,o=Math.max(0,Math.min(255,a))/255,c=Math.min(Math.min(n,h),o),l=Math.max(Math.max(n,h),o),d=l-c;if(s=(l+c)/2,0===d)r=0,i=0;else{i=s<.5?d/(l+c):d/(2-l-c);const t=((l-n)/6+d/2)/d,e=((l-h)/6+d/2)/d,a=((l-o)/6+d/2)/d;n==l?r=a-e:h==l?r=1/3+t-a:o==l&&(r=2/3+e-t),r<0?r+=1:r>1&&(r-=1)}return[r,i,s]}(...t);return a[2]+=a[2]>.1?-.1:.1,function(t,a,r){let i,s,n;const h=Math.max(0,Math.min(1,t)),o=Math.max(0,Math.min(1,a)),c=Math.max(0,Math.min(1,r));if(0==o)i=255*c,s=255*c,n=255*c;else{let t,a;t=2*c-(a=c<.5?c*(1+o):c+o-o*c),i=Math.floor(255*e(t,a,h+1/3)),s=Math.floor(255*e(t,a,h)),n=Math.floor(255*e(t,a,h-1/3))}return[i,s,n]}(...a)}update(){if(this.hasAttribute("pfe-src"))this.shadowRoot.querySelector("img").src=this.src;else{const t=function(t){let e=5381,a=t.length;for(;a;)e=33*e^t.charCodeAt(--a);return e>>>0}(this.name).toString(2),e=t.split("").map(t=>Number(t));this._colorIndex=Math.floor(a.colors.length*parseInt(t,2)/Math.pow(2,32)),this.color1=a.colors[this._colorIndex].color1,this.color2=a.colors[this._colorIndex].color2,this._clear(),this._drawBackground(),this.pattern===a.patterns.squares?this._drawSquarePattern(e):this.pattern===a.patterns.triangles&&this._drawTrianglePattern(e)}}_clear(){this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height)}_drawBackground(){this._ctx.fillStyle=this.color1,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}_drawSquarePattern(t){if(this._ctx.fillStyle=this.color2,this._ctx){let e=t.length;for(;e--;)t[e]&&this._drawMirroredSquare(e%4,Math.floor(e/4))}}_drawMirroredSquare(t,e){this._ctx&&(this._drawSquare(t,e),this._drawSquare(7-t,e))}_drawSquare(t,e){this._ctx.fillRect(this._squareSize*t,this._squareSize*e,this._squareSize,this._squareSize)}_drawTrianglePattern(t){if(this._ctx.fillStyle=this.color2,this._ctx){let e=t.length;for(;e--;)if(t[e]){const t=Math.floor(e/2)%2,a=Math.floor(e/4),r=[t,a],i=[t,a],s=[t,a];switch(e%4){case 0:i[1]++,s[0]++,s[1]++;break;case 1:i[0]++,s[0]++,s[1]++;break;case 2:i[0]++,s[1]++;break;case 3:r[0]++,i[0]++,i[1]++,s[1]++}this._drawMirroredTriangle(r,i,s)}}}_drawMirroredTriangle(t,e,a){this._ctx&&(this._drawTriangle(t,e,a),this._drawTriangle([4-t[0],t[1]],[4-e[0],e[1]],[4-a[0],a[1]]))}_drawTriangle(t,e,a){this._ctx.beginPath(),this._ctx.moveTo(...t.map(t=>t*this._triangleSize)),this._ctx.lineTo(...e.map(t=>t*this._triangleSize)),this._ctx.lineTo(...a.map(t=>t*this._triangleSize)),this._ctx.closePath(),this._ctx.fill(),this._ctx.fill()}_drawGradient(){const t=this._ctx.createLinearGradient(0,this._canvas.height,this._canvas.width,0),e=this.color2;let a=e,r=e;/^#[A-f0-9]{3}$/.test(e)?(a+="c",r+="0"):/^#[A-f0-9]{6}$/.test(e)&&(a+="cc",r+="00"),t.addColorStop(0,a),t.addColorStop(1,r),t.addColorStop(1,a),this._ctx.fillStyle=t,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}}a._registerColors(),t.create(a);export default a;
+//# sourceMappingURL=pfe-avatar.min.js.map
diff --git a/elements/pfe-avatar/dist/pfe-avatar.min.js.map b/elements/pfe-avatar/dist/pfe-avatar.min.js.map
new file mode 100644
index 0000000000..ebec58749f
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-avatar.min.js","sources":["../_temp/hslrgb.js","../_temp/pfe-avatar.js","../_temp/djb-hash.js"],"sourcesContent":["function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n","/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n"],"names":["h2rgb","v1","v2","vH","PfeAvatar","PFElement","version","html","tag","templateUrl","styleUrl","observedAttributes","events","connected","this","patterns","triangles","squares","defaultSize","defaultColors","name","getAttribute","val","setAttribute","src","href","pattern","log","Object","values","[object Object]","super","connectedCallback","_initCanvas","emitEvent","bubbles","attr","oldValue","newValue","attributeChangedCallback","arguments","update","addEventListener","_canvas","shadowRoot","querySelector","size","var","replace","width","height","_squareSize","_triangleSize","_ctx","getContext","colors","split","forEach","colorCode","length","exec","shift","color","map","c","parseInt","_registerColor","push","color1","join","color2","_adjustColor","hsl","_R","_G","_B","H","S","L","r","Math","max","min","g","b","var_min","var_max","del_max","del_r","del_g","del_b","rgb2hsl","_H","_S","_L","R","G","B","a","floor","hsl2rgb","hasAttribute","bitPattern","str","hash","i","charCodeAt","toString","arrPattern","n","Number","_colorIndex","pow","_clear","_drawBackground","_drawSquarePattern","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","lineTo","closePath","fill","gradient","createLinearGradient","gradientColor1","gradientColor2","test","addColorStop","_registerColors","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.js b/elements/pfe-avatar/dist/pfe-avatar.umd.js
new file mode 100644
index 0000000000..30ce1e1313
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.umd.js
@@ -0,0 +1,622 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeAvatar = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ /**
+ * djb2 string hashing function.
+ *
+ * @see http://www.cse.yorku.ca/~oz/hash.html
+ * @param {String} str the string to hash.
+ * @return {Number} a positive integer
+ */
+
+ function hash(str) {
+ var hash = 5381;
+ var i = str.length;
+
+ while (i) {
+ hash = hash * 33 ^ str.charCodeAt(--i);
+ }
+
+ return hash >>> 0;
+ }
+
+ function h2rgb(v1, v2, vH) {
+ if (vH < 0) vH += 1;
+ if (vH > 1) vH -= 1;
+ if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;
+ if (2 * vH < 1) return v2;
+ if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;
+ return v1;
+ }
+
+ /**
+ * Convert an HSL color to RGB.
+ *
+ * @param {Number} H the hue component
+ * @param {Number} S the saturation component
+ * @param {Number} L the luminance component
+ * @return {Array} [R, G, B]
+ *
+ * @see https://www.easyrgb.com/en/math.php
+ */
+ function hsl2rgb(_H, _S, _L) {
+ var R = void 0,
+ G = void 0,
+ B = void 0;
+
+ var H = Math.max(0, Math.min(1, _H));
+ var S = Math.max(0, Math.min(1, _S));
+ var L = Math.max(0, Math.min(1, _L));
+
+ if (S == 0) {
+ R = L * 255;
+ G = L * 255;
+ B = L * 255;
+ } else {
+ var a = void 0,
+ b = void 0;
+
+ if (L < 0.5) {
+ b = L * (1 + S);
+ } else {
+ b = L + S - S * L;
+ }
+
+ a = 2 * L - b;
+
+ R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));
+ G = Math.floor(255 * h2rgb(a, b, H));
+ B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));
+ }
+
+ return [R, G, B];
+ }
+
+ /**
+ * Convert an RGBcolor to HSL.
+ *
+ * @param {Number} R the red component
+ * @param {Number} G the green component
+ * @param {Number} B the blue component
+ * @return {Array} [H, S, L]
+ *
+ * @see https://www.easyrgb.com/en/math.php
+ */
+ function rgb2hsl(_R, _G, _B) {
+ var H = void 0,
+ S = void 0,
+ L = void 0;
+
+ var R = Math.max(0, Math.min(255, _R));
+ var G = Math.max(0, Math.min(255, _G));
+ var B = Math.max(0, Math.min(255, _B));
+
+ var r = R / 255;
+ var g = G / 255;
+ var b = B / 255;
+
+ var var_min = Math.min(Math.min(r, g), b);
+ var var_max = Math.max(Math.max(r, g), b);
+ var del_max = var_max - var_min;
+
+ L = (var_max + var_min) / 2;
+
+ if (del_max === 0) {
+ H = 0;
+ S = 0;
+ } else {
+ if (L < 0.5) {
+ S = del_max / (var_max + var_min);
+ } else {
+ S = del_max / (2 - var_max - var_min);
+ }
+
+ var del_r = ((var_max - r) / 6 + del_max / 2) / del_max;
+ var del_g = ((var_max - g) / 6 + del_max / 2) / del_max;
+ var del_b = ((var_max - b) / 6 + del_max / 2) / del_max;
+
+ if (r == var_max) {
+ H = del_b - del_g;
+ } else if (g == var_max) {
+ H = 1 / 3 + del_r - del_b;
+ } else if (b == var_max) {
+ H = 2 / 3 + del_g - del_r;
+ }
+
+ if (H < 0) {
+ H += 1;
+ } else if (H > 1) {
+ H -= 1;
+ }
+ }
+
+ return [H, S, L];
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeAvatar = function (_PFElement) {
+ inherits(PfeAvatar, _PFElement);
+ createClass(PfeAvatar, [{
+ key: "html",
+ get: function get$$1() {
+ return "\n";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-avatar.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-avatar.scss";
+ }
+ }, {
+ key: "name",
+ get: function get$$1() {
+ return this.getAttribute("pfe-name");
+ },
+ set: function set$$1(val) {
+ return this.setAttribute("pfe-name", val);
+ }
+ }, {
+ key: "src",
+ get: function get$$1() {
+ return this.getAttribute("pfe-src");
+ },
+ set: function set$$1(href) {
+ return this.setAttribute("pfe-src", href);
+ }
+ }, {
+ key: "pattern",
+ get: function get$$1() {
+ return this.getAttribute("pfe-pattern") || PfeAvatar.patterns.squares;
+ },
+ set: function set$$1(name) {
+ if (!PfeAvatar.patterns[name]) {
+ this.log("invalid pattern \"" + name + "\", valid patterns are: " + Object.values(PfeAvatar.patterns));
+ return;
+ }
+ return this.setAttribute("pfe-pattern", name);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-avatar";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-name", "pfe-pattern", "pfe-src", "pfe-shape"];
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ connected: this.tag + ":connected"
+ };
+ }
+ }, {
+ key: "patterns",
+ get: function get$$1() {
+ return {
+ triangles: "triangles",
+ squares: "squares"
+ };
+ }
+ }, {
+ key: "defaultSize",
+ get: function get$$1() {
+ return 128;
+ }
+ }, {
+ key: "defaultColors",
+ get: function get$$1() {
+ return "#67accf #448087 #709c6b #a35252 #826cbb";
+ }
+ }]);
+
+ function PfeAvatar() {
+ classCallCheck(this, PfeAvatar);
+ return possibleConstructorReturn(this, (PfeAvatar.__proto__ || Object.getPrototypeOf(PfeAvatar)).call(this, PfeAvatar));
+ }
+
+ createClass(PfeAvatar, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeAvatar.prototype.__proto__ || Object.getPrototypeOf(PfeAvatar.prototype), "connectedCallback", this).call(this);
+
+ this._initCanvas();
+
+ this.emitEvent(PfeAvatar.events.connected, {
+ bubbles: false
+ });
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ var _this2 = this;
+
+ get(PfeAvatar.prototype.__proto__ || Object.getPrototypeOf(PfeAvatar.prototype), "attributeChangedCallback", this).apply(this, arguments);
+
+ if (this.connected) {
+ this.update();
+ } else {
+ this.addEventListener(PfeAvatar.events.connected, function () {
+ return _this2.update();
+ });
+ }
+ }
+ }, {
+ key: "_initCanvas",
+ value: function _initCanvas() {
+ this._canvas = this.shadowRoot.querySelector("canvas");
+ var size = this.var("--pfe-avatar--width").replace(/px$/, "") || PfeAvatar.defaultSize;
+ this._canvas.width = size;
+ this._canvas.height = size;
+
+ this._squareSize = this._canvas.width / 8;
+ this._triangleSize = this._canvas.width / 4;
+
+ this._ctx = this._canvas.getContext("2d");
+ }
+ }, {
+ key: "update",
+ value: function update() {
+ // if we have a src element, update the img, otherwise update the random pattern
+ if (this.hasAttribute("pfe-src")) {
+ this.shadowRoot.querySelector("img").src = this.src;
+ } else {
+ var bitPattern = hash(this.name).toString(2);
+ var arrPattern = bitPattern.split("").map(function (n) {
+ return Number(n);
+ });
+ this._colorIndex = Math.floor(PfeAvatar.colors.length * parseInt(bitPattern, 2) / Math.pow(2, 32));
+ this.color1 = PfeAvatar.colors[this._colorIndex].color1;
+ this.color2 = PfeAvatar.colors[this._colorIndex].color2;
+
+ this._clear();
+ this._drawBackground();
+ if (this.pattern === PfeAvatar.patterns.squares) {
+ this._drawSquarePattern(arrPattern);
+ } else if (this.pattern === PfeAvatar.patterns.triangles) {
+ this._drawTrianglePattern(arrPattern);
+ }
+ // this._drawGradient();
+ }
+ }
+ }, {
+ key: "_clear",
+ value: function _clear() {
+ this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+ }, {
+ key: "_drawBackground",
+ value: function _drawBackground() {
+ this._ctx.fillStyle = this.color1;
+ this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+ }, {
+ key: "_drawSquarePattern",
+ value: function _drawSquarePattern(pattern) {
+ this._ctx.fillStyle = this.color2;
+ if (this._ctx) {
+ var i = pattern.length;
+ while (i--) {
+ if (pattern[i]) {
+ this._drawMirroredSquare(i % 4, Math.floor(i / 4));
+ }
+ }
+ }
+ }
+
+ /**
+ * Draw a square at the given position, mirrored onto both the left and right half of the canvas.
+ */
+
+ }, {
+ key: "_drawMirroredSquare",
+ value: function _drawMirroredSquare(x, y) {
+ if (this._ctx) {
+ this._drawSquare(x, y);
+ this._drawSquare(7 - x, y);
+ }
+ }
+ }, {
+ key: "_drawSquare",
+ value: function _drawSquare(x, y) {
+ this._ctx.fillRect(this._squareSize * x, this._squareSize * y, this._squareSize, this._squareSize);
+ }
+ }, {
+ key: "_drawTrianglePattern",
+ value: function _drawTrianglePattern(pattern) {
+ this._ctx.fillStyle = this.color2;
+ if (this._ctx) {
+ var i = pattern.length;
+ while (i--) {
+ if (pattern[i]) {
+ var x = Math.floor(i / 2) % 2;
+ var y = Math.floor(i / 4);
+ var alt = i % 4;
+
+ var p1 = [x, y];
+ var p2 = [x, y];
+ var p3 = [x, y];
+
+ switch (alt) {
+ case 0:
+ p2[1]++;
+ p3[0]++;
+ p3[1]++;
+ break;
+ case 1:
+ p2[0]++;
+ p3[0]++;
+ p3[1]++;
+ break;
+ case 2:
+ p2[0]++;
+ p3[1]++;
+ break;
+ case 3:
+ p1[0]++;
+ p2[0]++;
+ p2[1]++;
+ p3[1]++;
+ break;
+ }
+
+ this._drawMirroredTriangle(p1, p2, p3);
+ }
+ }
+ }
+ }
+
+ /**
+ * Draw a square at the given position in the top-left quadrant of the
+ * canvas, and mirrored to the other three quadrants.
+ */
+
+ }, {
+ key: "_drawMirroredTriangle",
+ value: function _drawMirroredTriangle(p1, p2, p3) {
+ if (this._ctx) {
+ this._drawTriangle(p1, p2, p3);
+ this._drawTriangle([4 - p1[0], p1[1]], [4 - p2[0], p2[1]], [4 - p3[0], p3[1]]);
+ }
+ }
+ }, {
+ key: "_drawTriangle",
+ value: function _drawTriangle(p1, p2, p3) {
+ var _ctx,
+ _this3 = this,
+ _ctx2,
+ _ctx3;
+
+ this._ctx.beginPath();
+ (_ctx = this._ctx).moveTo.apply(_ctx, toConsumableArray(p1.map(function (c) {
+ return c * _this3._triangleSize;
+ })));
+ (_ctx2 = this._ctx).lineTo.apply(_ctx2, toConsumableArray(p2.map(function (c) {
+ return c * _this3._triangleSize;
+ })));
+ (_ctx3 = this._ctx).lineTo.apply(_ctx3, toConsumableArray(p3.map(function (c) {
+ return c * _this3._triangleSize;
+ })));
+ this._ctx.closePath();
+ this._ctx.fill();
+ this._ctx.fill();
+ }
+ }, {
+ key: "_drawGradient",
+ value: function _drawGradient() {
+ var gradient = this._ctx.createLinearGradient(0, this._canvas.height, this._canvas.width, 0);
+ var color = this.color2;
+ var gradientColor1 = color;
+ var gradientColor2 = color;
+ if (/^#[A-f0-9]{3}$/.test(color)) {
+ // color is of the form "#fff"
+ gradientColor1 += "c";
+ gradientColor2 += "0";
+ } else if (/^#[A-f0-9]{6}$/.test(color)) {
+ // color is of the form "#ffffff"
+ gradientColor1 += "cc";
+ gradientColor2 += "00";
+ }
+ gradient.addColorStop(0, gradientColor1);
+ gradient.addColorStop(1, gradientColor2);
+ gradient.addColorStop(1, gradientColor1);
+ this._ctx.fillStyle = gradient;
+ this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);
+ }
+ }], [{
+ key: "_registerColors",
+ value: function _registerColors() {
+ var _this4 = this;
+
+ this.colors = [];
+ var themeColors = this.var("--pfe-avatar--colors") || this.defaultColors;
+
+ themeColors.split(/\s+/).forEach(function (colorCode) {
+ var pattern = void 0;
+ switch (colorCode.length) {
+ case 4:
+ // ex: "#0fc"
+ pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);
+ if (pattern) {
+ pattern.shift();
+ var color = pattern.map(function (c) {
+ return parseInt(c + c, 16);
+ });
+ _this4._registerColor(color);
+ } else {
+ _this4.log("[pfe-avatar] invalid color " + colorCode);
+ }
+ break;
+ case 7:
+ // ex: "#00ffcc"
+ pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(colorCode);
+ if (pattern) {
+ pattern.shift();
+ var _color = pattern.map(function (c) {
+ return parseInt(c, 16);
+ });
+ _this4._registerColor(_color);
+ } else {
+ _this4.log("[pfe-avatar] invalid color " + colorCode);
+ }
+ }
+ });
+
+ return this.colors;
+ }
+ }, {
+ key: "_registerColor",
+ value: function _registerColor(color) {
+ PfeAvatar.colors.push({
+ color1: "rgb(" + color.join(",") + ")",
+ color2: "rgb(" + this._adjustColor(color).join(",") + ")"
+ });
+ }
+ }, {
+ key: "_adjustColor",
+ value: function _adjustColor(color) {
+ var dark = 0.1;
+ var l_adj = 0.1; // luminance adjustment
+ var hsl = rgb2hsl.apply(undefined, toConsumableArray(color));
+
+ // if luminance is too dark already, then lighten the alternate color
+ // instead of darkening it.
+ hsl[2] += hsl[2] > dark ? -l_adj : l_adj;
+
+ return hsl2rgb.apply(undefined, toConsumableArray(hsl));
+ }
+ }]);
+ return PfeAvatar;
+ }(PFElement);
+
+ PfeAvatar._registerColors();
+
+ PFElement.create(PfeAvatar);
+
+ return PfeAvatar;
+
+})));
+//# sourceMappingURL=pfe-avatar.umd.js.map
diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.js.map b/elements/pfe-avatar/dist/pfe-avatar.umd.js.map
new file mode 100644
index 0000000000..3ce3c5eeca
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-avatar.umd.js","sources":["../_temp/djb-hash.js","../_temp/hslrgb.js","../_temp/pfe-avatar.umd.js"],"sourcesContent":["/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n","function h2rgb(v1, v2, vH) {\n if (vH < 0) vH += 1;\n if (vH > 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54\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/dist/pfelement.umd\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n"],"names":["hash","str","i","length","charCodeAt","h2rgb","v1","v2","vH","hsl2rgb","_H","_S","_L","R","G","B","H","Math","max","min","S","L","a","b","floor","rgb2hsl","_R","_G","_B","r","g","var_min","var_max","del_max","del_r","del_g","del_b","PfeAvatar","getAttribute","val","setAttribute","href","patterns","squares","name","log","Object","values","connected","tag","triangles","_initCanvas","emitEvent","events","bubbles","attr","oldValue","newValue","arguments","update","addEventListener","_canvas","shadowRoot","querySelector","size","var","replace","defaultSize","width","height","_squareSize","_triangleSize","_ctx","getContext","hasAttribute","src","bitPattern","toString","arrPattern","split","map","Number","n","_colorIndex","colors","parseInt","pow","color1","color2","_clear","_drawBackground","pattern","_drawSquarePattern","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","alt","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","c","lineTo","closePath","fill","gradient","createLinearGradient","color","gradientColor1","gradientColor2","test","addColorStop","themeColors","defaultColors","forEach","colorCode","exec","shift","_registerColor","push","join","_adjustColor","dark","l_adj","hsl","PFElement","_registerColors","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-avatar/dist/pfe-avatar.umd.min.js b/elements/pfe-avatar/dist/pfe-avatar.umd.min.js
new file mode 100644
index 0000000000..a691b89b1b
--- /dev/null
+++ b/elements/pfe-avatar/dist/pfe-avatar.umd.min.js
@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],e):t.PfeAvatar=e(t.PFElement)}(this,function(t){"use strict";function u(t,e,r){return r<0&&(r+=1),1:host{display:block;position:relative;width:128px;width:var(--pfe-avatar--size,var(--pfe-avatar--width,128px));height:128px;height:var(--pfe-avatar--size,var(--pfe-avatar--width,128px))}:host canvas{width:100%;height:100%;image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:-o-crisp-edges;image-rendering:-o-pixelated;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}:host([pfe-shape=rounded]) canvas,:host([pfe-shape=rounded]) img{border-radius:calc(128px / 8 + 1px);border-radius:calc(var(--pfe-avatar--size,var(--pfe-avatar--width,128px))/ 8 + 1px)}:host([pfe-shape=circle]) canvas,:host([pfe-shape=circle]) img{border-radius:50%}:host([pfe-src]) canvas{display:none}:host([pfe-src]) img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:host(:not([pfe-src])) img{display:none}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-avatar.min.css.map */\n\n"}},{key:"templateUrl",get:function(){return"pfe-avatar.html"}},{key:"styleUrl",get:function(){return"pfe-avatar.scss"}},{key:"name",get:function(){return this.getAttribute("pfe-name")},set:function(t){return this.setAttribute("pfe-name",t)}},{key:"src",get:function(){return this.getAttribute("pfe-src")},set:function(t){return this.setAttribute("pfe-src",t)}},{key:"pattern",get:function(){return this.getAttribute("pfe-pattern")||i.patterns.squares},set:function(t){if(i.patterns[t])return this.setAttribute("pfe-pattern",t);this.log('invalid pattern "'+t+'", valid patterns are: '+Object.values(i.patterns))}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-avatar"}},{key:"observedAttributes",get:function(){return["pfe-name","pfe-pattern","pfe-src","pfe-shape"]}},{key:"events",get:function(){return{connected:this.tag+":connected"}}},{key:"patterns",get:function(){return{triangles:"triangles",squares:"squares"}}},{key:"defaultSize",get:function(){return 128}},{key:"defaultColors",get:function(){return"#67accf #448087 #709c6b #a35252 #826cbb"}}]),e(i,[{key:"connectedCallback",value:function(){o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this),this._initCanvas(),this.emitEvent(i.events.connected,{bubbles:!1})}},{key:"attributeChangedCallback",value:function(t,e,r){var a=this;o(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"attributeChangedCallback",this).apply(this,arguments),this.connected?this.update():this.addEventListener(i.events.connected,function(){return a.update()})}},{key:"_initCanvas",value:function(){this._canvas=this.shadowRoot.querySelector("canvas");var t=this.var("--pfe-avatar--width").replace(/px$/,"")||i.defaultSize;this._canvas.width=t,this._canvas.height=t,this._squareSize=this._canvas.width/8,this._triangleSize=this._canvas.width/4,this._ctx=this._canvas.getContext("2d")}},{key:"update",value:function(){if(this.hasAttribute("pfe-src"))this.shadowRoot.querySelector("img").src=this.src;else{var t=function(t){for(var e=5381,r=t.length;r;)e=33*e^t.charCodeAt(--r);return e>>>0}(this.name).toString(2),e=t.split("").map(function(t){return Number(t)});this._colorIndex=Math.floor(i.colors.length*parseInt(t,2)/Math.pow(2,32)),this.color1=i.colors[this._colorIndex].color1,this.color2=i.colors[this._colorIndex].color2,this._clear(),this._drawBackground(),this.pattern===i.patterns.squares?this._drawSquarePattern(e):this.pattern===i.patterns.triangles&&this._drawTrianglePattern(e)}}},{key:"_clear",value:function(){this._ctx.clearRect(0,0,this._canvas.width,this._canvas.height)}},{key:"_drawBackground",value:function(){this._ctx.fillStyle=this.color1,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}},{key:"_drawSquarePattern",value:function(t){if(this._ctx.fillStyle=this.color2,this._ctx)for(var e=t.length;e--;)t[e]&&this._drawMirroredSquare(e%4,Math.floor(e/4))}},{key:"_drawMirroredSquare",value:function(t,e){this._ctx&&(this._drawSquare(t,e),this._drawSquare(7-t,e))}},{key:"_drawSquare",value:function(t,e){this._ctx.fillRect(this._squareSize*t,this._squareSize*e,this._squareSize,this._squareSize)}},{key:"_drawTrianglePattern",value:function(t){if(this._ctx.fillStyle=this.color2,this._ctx)for(var e=t.length;e--;)if(t[e]){var r=Math.floor(e/2)%2,a=Math.floor(e/4),i=[r,a],n=[r,a],o=[r,a];switch(e%4){case 0:n[1]++,o[0]++,o[1]++;break;case 1:n[0]++,o[0]++,o[1]++;break;case 2:n[0]++,o[1]++;break;case 3:i[0]++,n[0]++,n[1]++,o[1]++}this._drawMirroredTriangle(i,n,o)}}},{key:"_drawMirroredTriangle",value:function(t,e,r){this._ctx&&(this._drawTriangle(t,e,r),this._drawTriangle([4-t[0],t[1]],[4-e[0],e[1]],[4-r[0],r[1]]))}},{key:"_drawTriangle",value:function(t,e,r){var a,i,n,o=this;this._ctx.beginPath(),(a=this._ctx).moveTo.apply(a,s(t.map(function(t){return t*o._triangleSize}))),(i=this._ctx).lineTo.apply(i,s(e.map(function(t){return t*o._triangleSize}))),(n=this._ctx).lineTo.apply(n,s(r.map(function(t){return t*o._triangleSize}))),this._ctx.closePath(),this._ctx.fill(),this._ctx.fill()}},{key:"_drawGradient",value:function(){var t=this._ctx.createLinearGradient(0,this._canvas.height,this._canvas.width,0),e=this.color2,r=e,a=e;/^#[A-f0-9]{3}$/.test(e)?(r+="c",a+="0"):/^#[A-f0-9]{6}$/.test(e)&&(r+="cc",a+="00"),t.addColorStop(0,r),t.addColorStop(1,a),t.addColorStop(1,r),this._ctx.fillStyle=t,this._ctx.fillRect(0,0,this._canvas.width,this._canvas.height)}}],[{key:"_registerColors",value:function(){var i=this;return this.colors=[],(this.var("--pfe-avatar--colors")||this.defaultColors).split(/\s+/).forEach(function(t){var e=void 0;switch(t.length){case 4:if(e=/^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(t)){e.shift();var r=e.map(function(t){return parseInt(t+t,16)});i._registerColor(r)}else i.log("[pfe-avatar] invalid color "+t);break;case 7:if(e=/^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(t)){e.shift();var a=e.map(function(t){return parseInt(t,16)});i._registerColor(a)}else i.log("[pfe-avatar] invalid color "+t)}}),this.colors}},{key:"_registerColor",value:function(t){i.colors.push({color1:"rgb("+t.join(",")+")",color2:"rgb("+this._adjustColor(t).join(",")+")"})}},{key:"_adjustColor",value:function(t){var e=function(t,e,r){var a,i=void 0,n=void 0,o=Math.max(0,Math.min(255,t))/255,s=Math.max(0,Math.min(255,e))/255,c=Math.max(0,Math.min(255,r))/255,l=Math.min(Math.min(o,s),c),h=Math.max(Math.max(o,s),c),u=h-l;if(a=(h+l)/2,0==u)n=i=0;else{n=a<.5?u/(h+l):u/(2-h-l);var f=((h-o)/6+u/2)/u,p=((h-s)/6+u/2)/u,d=((h-c)/6+u/2)/u;o==h?i=d-p:s==h?i=1/3+f-d:c==h&&(i=2/3+p-f),i<0?i+=1:1 1) vH -= 1;\n if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;\n if (2 * vH < 1) return v2;\n if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;\n return v1;\n}\n\n/**\n * Convert an HSL color to RGB.\n *\n * @param {Number} H the hue component\n * @param {Number} S the saturation component\n * @param {Number} L the luminance component\n * @return {Array} [R, G, B]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function hsl2rgb(_H, _S, _L) {\n let R, G, B;\n\n const H = Math.max(0, Math.min(1, _H));\n const S = Math.max(0, Math.min(1, _S));\n const L = Math.max(0, Math.min(1, _L));\n\n if (S == 0) {\n R = L * 255;\n G = L * 255;\n B = L * 255;\n } else {\n let a, b;\n\n if (L < 0.5) {\n b = L * (1 + S);\n } else {\n b = L + S - S * L;\n }\n\n a = 2 * L - b;\n\n R = Math.floor(255 * h2rgb(a, b, H + 1 / 3));\n G = Math.floor(255 * h2rgb(a, b, H));\n B = Math.floor(255 * h2rgb(a, b, H - 1 / 3));\n }\n\n return [R, G, B];\n}\n\n/**\n * Convert an RGBcolor to HSL.\n *\n * @param {Number} R the red component\n * @param {Number} G the green component\n * @param {Number} B the blue component\n * @return {Array} [H, S, L]\n *\n * @see https://www.easyrgb.com/en/math.php\n */\nexport function rgb2hsl(_R, _G, _B) {\n let H, S, L;\n\n const R = Math.max(0, Math.min(255, _R));\n const G = Math.max(0, Math.min(255, _G));\n const B = Math.max(0, Math.min(255, _B));\n\n const r = R / 255;\n const g = G / 255;\n const b = B / 255;\n\n const var_min = Math.min(Math.min(r, g), b);\n const var_max = Math.max(Math.max(r, g), b);\n const del_max = var_max - var_min;\n\n L = (var_max + var_min) / 2;\n\n if (del_max === 0) {\n H = 0;\n S = 0;\n } else {\n if (L < 0.5) {\n S = del_max / (var_max + var_min);\n } else {\n S = del_max / (2 - var_max - var_min);\n }\n\n const del_r = ((var_max - r) / 6 + del_max / 2) / del_max;\n const del_g = ((var_max - g) / 6 + del_max / 2) / del_max;\n const del_b = ((var_max - b) / 6 + del_max / 2) / del_max;\n\n if (r == var_max) {\n H = del_b - del_g;\n } else if (g == var_max) {\n H = 1 / 3 + del_r - del_b;\n } else if (b == var_max) {\n H = 2 / 3 + del_g - del_r;\n }\n\n if (H < 0) {\n H += 1;\n } else if (H > 1) {\n H -= 1;\n }\n }\n\n return [H, S, L];\n}\n","/*!\n * PatternFly Elements: PfeAvatar 1.0.0-prerelease.54\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/dist/pfelement.umd\";\nimport { hash } from \"./djb-hash.js\";\nimport { hsl2rgb, rgb2hsl } from \"./hslrgb.js\";\n\nclass PfeAvatar extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n`;\n }\n static get tag() {\n return \"pfe-avatar\";\n }\n\n get templateUrl() {\n return \"pfe-avatar.html\";\n }\n\n get styleUrl() {\n return \"pfe-avatar.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-name\", \"pfe-pattern\", \"pfe-src\", \"pfe-shape\"];\n }\n\n static get events() {\n return {\n connected: `${this.tag}:connected`\n };\n }\n\n static get patterns() {\n return {\n triangles: \"triangles\",\n squares: \"squares\"\n };\n }\n\n static get defaultSize() {\n return 128;\n }\n\n static get defaultColors() {\n return \"#67accf #448087 #709c6b #a35252 #826cbb\";\n }\n\n get name() {\n return this.getAttribute(\"pfe-name\");\n }\n\n set name(val) {\n return this.setAttribute(\"pfe-name\", val);\n }\n\n get src() {\n return this.getAttribute(\"pfe-src\");\n }\n\n set src(href) {\n return this.setAttribute(\"pfe-src\", href);\n }\n\n get pattern() {\n return this.getAttribute(\"pfe-pattern\") || PfeAvatar.patterns.squares;\n }\n\n set pattern(name) {\n if (!PfeAvatar.patterns[name]) {\n this.log(\n `invalid pattern \"${name}\", valid patterns are: ${Object.values(\n PfeAvatar.patterns\n )}`\n );\n return;\n }\n return this.setAttribute(\"pfe-pattern\", name);\n }\n\n constructor() {\n super(PfeAvatar);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._initCanvas();\n\n this.emitEvent(PfeAvatar.events.connected, {\n bubbles: false\n });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(...arguments);\n\n if (this.connected) {\n this.update();\n } else {\n this.addEventListener(PfeAvatar.events.connected, () => this.update());\n }\n }\n\n _initCanvas() {\n this._canvas = this.shadowRoot.querySelector(\"canvas\");\n const size =\n this.var(\"--pfe-avatar--width\").replace(/px$/, \"\") ||\n PfeAvatar.defaultSize;\n this._canvas.width = size;\n this._canvas.height = size;\n\n this._squareSize = this._canvas.width / 8;\n this._triangleSize = this._canvas.width / 4;\n\n this._ctx = this._canvas.getContext(\"2d\");\n }\n\n static _registerColors() {\n this.colors = [];\n const themeColors = this.var(\"--pfe-avatar--colors\") || this.defaultColors;\n\n themeColors.split(/\\s+/).forEach(colorCode => {\n let pattern;\n switch (colorCode.length) {\n case 4: // ex: \"#0fc\"\n pattern = /^#([A-f0-9])([A-f0-9])([A-f0-9])$/.exec(colorCode);\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c + c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n break;\n case 7: // ex: \"#00ffcc\"\n pattern = /^#([A-f0-9]{2})([A-f0-9]{2})([A-f0-9]{2})$/.exec(\n colorCode\n );\n if (pattern) {\n pattern.shift();\n const color = pattern.map(c => parseInt(c, 16));\n this._registerColor(color);\n } else {\n this.log(`[pfe-avatar] invalid color ${colorCode}`);\n }\n }\n });\n\n return this.colors;\n }\n\n static _registerColor(color) {\n PfeAvatar.colors.push({\n color1: `rgb(${color.join(\",\")})`,\n color2: `rgb(${this._adjustColor(color).join(\",\")})`\n });\n }\n\n static _adjustColor(color) {\n const dark = 0.1;\n const l_adj = 0.1; // luminance adjustment\n const hsl = rgb2hsl(...color);\n\n // if luminance is too dark already, then lighten the alternate color\n // instead of darkening it.\n hsl[2] += hsl[2] > dark ? -l_adj : l_adj;\n\n return hsl2rgb(...hsl);\n }\n\n update() {\n // if we have a src element, update the img, otherwise update the random pattern\n if (this.hasAttribute(\"pfe-src\")) {\n this.shadowRoot.querySelector(\"img\").src = this.src;\n } else {\n const bitPattern = hash(this.name).toString(2);\n const arrPattern = bitPattern.split(\"\").map(n => Number(n));\n this._colorIndex = Math.floor(\n (PfeAvatar.colors.length * parseInt(bitPattern, 2)) / Math.pow(2, 32)\n );\n this.color1 = PfeAvatar.colors[this._colorIndex].color1;\n this.color2 = PfeAvatar.colors[this._colorIndex].color2;\n\n this._clear();\n this._drawBackground();\n if (this.pattern === PfeAvatar.patterns.squares) {\n this._drawSquarePattern(arrPattern);\n } else if (this.pattern === PfeAvatar.patterns.triangles) {\n this._drawTrianglePattern(arrPattern);\n }\n // this._drawGradient();\n }\n }\n\n _clear() {\n this._ctx.clearRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawBackground() {\n this._ctx.fillStyle = this.color1;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n\n _drawSquarePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n this._drawMirroredSquare(i % 4, Math.floor(i / 4));\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position, mirrored onto both the left and right half of the canvas.\n */\n _drawMirroredSquare(x, y) {\n if (this._ctx) {\n this._drawSquare(x, y);\n this._drawSquare(7 - x, y);\n }\n }\n\n _drawSquare(x, y) {\n this._ctx.fillRect(\n this._squareSize * x,\n this._squareSize * y,\n this._squareSize,\n this._squareSize\n );\n }\n\n _drawTrianglePattern(pattern) {\n this._ctx.fillStyle = this.color2;\n if (this._ctx) {\n let i = pattern.length;\n while (i--) {\n if (pattern[i]) {\n const x = Math.floor(i / 2) % 2;\n const y = Math.floor(i / 4);\n const alt = i % 4;\n\n const p1 = [x, y];\n const p2 = [x, y];\n const p3 = [x, y];\n\n switch (alt) {\n case 0:\n p2[1]++;\n p3[0]++;\n p3[1]++;\n break;\n case 1:\n p2[0]++;\n p3[0]++;\n p3[1]++;\n break;\n case 2:\n p2[0]++;\n p3[1]++;\n break;\n case 3:\n p1[0]++;\n p2[0]++;\n p2[1]++;\n p3[1]++;\n break;\n }\n\n this._drawMirroredTriangle(p1, p2, p3);\n }\n }\n }\n }\n\n /**\n * Draw a square at the given position in the top-left quadrant of the\n * canvas, and mirrored to the other three quadrants.\n */\n _drawMirroredTriangle(p1, p2, p3) {\n if (this._ctx) {\n this._drawTriangle(p1, p2, p3);\n this._drawTriangle(\n [4 - p1[0], p1[1]],\n [4 - p2[0], p2[1]],\n [4 - p3[0], p3[1]]\n );\n }\n }\n\n _drawTriangle(p1, p2, p3) {\n this._ctx.beginPath();\n this._ctx.moveTo(...p1.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p2.map(c => c * this._triangleSize));\n this._ctx.lineTo(...p3.map(c => c * this._triangleSize));\n this._ctx.closePath();\n this._ctx.fill();\n this._ctx.fill();\n }\n\n _drawGradient() {\n const gradient = this._ctx.createLinearGradient(\n 0,\n this._canvas.height,\n this._canvas.width,\n 0\n );\n const color = this.color2;\n let gradientColor1 = color;\n let gradientColor2 = color;\n if (/^#[A-f0-9]{3}$/.test(color)) {\n // color is of the form \"#fff\"\n gradientColor1 += \"c\";\n gradientColor2 += \"0\";\n } else if (/^#[A-f0-9]{6}$/.test(color)) {\n // color is of the form \"#ffffff\"\n gradientColor1 += \"cc\";\n gradientColor2 += \"00\";\n }\n gradient.addColorStop(0, gradientColor1);\n gradient.addColorStop(1, gradientColor2);\n gradient.addColorStop(1, gradientColor1);\n this._ctx.fillStyle = gradient;\n this._ctx.fillRect(0, 0, this._canvas.width, this._canvas.height);\n }\n}\n\nPfeAvatar._registerColors();\n\nPFElement.create(PfeAvatar);\n\nexport default PfeAvatar;\n","/**\n * djb2 string hashing function.\n *\n * @see http://www.cse.yorku.ca/~oz/hash.html\n * @param {String} str the string to hash.\n * @return {Number} a positive integer\n */\n\nfunction hash(str) {\n let hash = 5381;\n let i = str.length;\n\n while (i) {\n hash = (hash * 33) ^ str.charCodeAt(--i);\n }\n\n return hash >>> 0;\n}\n\nexport { hash };\n"],"names":["h2rgb","v1","v2","vH","PfeAvatar","PFElement","this","getAttribute","val","setAttribute","href","patterns","squares","name","log","Object","values","tag","_initCanvas","emitEvent","events","connected","attr","oldValue","newValue","arguments","update","addEventListener","_this2","_canvas","shadowRoot","querySelector","size","var","replace","defaultSize","width","height","_squareSize","_triangleSize","_ctx","getContext","hasAttribute","src","bitPattern","str","hash","i","length","charCodeAt","toString","arrPattern","split","map","Number","n","_colorIndex","Math","floor","colors","parseInt","pow","color1","color2","_clear","_drawBackground","pattern","_drawSquarePattern","triangles","_drawTrianglePattern","clearRect","fillStyle","fillRect","_drawMirroredSquare","x","y","_drawSquare","p1","p2","p3","_drawMirroredTriangle","_drawTriangle","beginPath","moveTo","c","_this3","lineTo","closePath","fill","gradient","createLinearGradient","color","gradientColor1","gradientColor2","test","addColorStop","defaultColors","forEach","colorCode","exec","shift","_registerColor","push","join","_adjustColor","hsl","_R","_G","_B","L","H","S","r","max","min","g","b","var_min","var_max","del_max","del_r","del_g","del_b","_H","_S","_L","R","G","B","a","_registerColors","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-avatar/package-lock.json b/elements/pfe-avatar/package-lock.json
index 9acf8b4552..e50354b6ac 100644
--- a/elements/pfe-avatar/package-lock.json
+++ b/elements/pfe-avatar/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-avatar",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-avatar/package.json b/elements/pfe-avatar/package.json
index 288959ed96..7fa9cd1b95 100644
--- a/elements/pfe-avatar/package.json
+++ b/elements/pfe-avatar/package.json
@@ -4,7 +4,7 @@
"className": "PfeAvatar",
"elementName": "pfe-avatar"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Avatar for PatternFly Elements",
"keywords": [
"web-components",
@@ -40,7 +40,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "0.6.8",
"bugs": {
diff --git a/elements/pfe-badge/dist/pfe-badge.js b/elements/pfe-badge/dist/pfe-badge.js
new file mode 100644
index 0000000000..1408a704ef
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.js
@@ -0,0 +1,99 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfeBadge 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeBadge extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {"state":{"title":"Background color","type":"string","enum":["default","moderate","important","critical","success","info"],"default":"default","prefixed":true},"number":{"title":"Numeric Value","type":"number","prefixed":false},"pfe-threshold":{"title":"Threshold Value","type":"number","prefixed":false}};
+ }
+
+ static get slots() {
+ return {};
+ }
+ static get tag() {
+ return "pfe-badge";
+ }
+
+ get templateUrl() {
+ return "pfe-badge.html";
+ }
+
+ get styleUrl() {
+ return "pfe-badge.scss";
+ }
+
+ get schemaUrl() {
+ return "pfe-badge.json";
+ }
+
+ static get observedAttributes() {
+ return ["number", "pfe-threshold"];
+ }
+
+ get threshold() {
+ return this.getAttribute("pfe-threshold");
+ }
+
+ constructor() {
+ super(PfeBadge);
+ this._textContainer = this.shadowRoot.querySelector("span");
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ switch (attr) {
+ case "pfe-threshold":
+ this.textContent =
+ Number(this.threshold) < Number(this.textContent)
+ ? `${this.threshold}+`
+ : this.textContent;
+ break;
+ case "number":
+ this.textContent =
+ this.threshold && Number(this.threshold) < Number(newVal)
+ ? `${this.threshold}+`
+ : newVal;
+ break;
+ default:
+ return;
+ }
+ this._textContainer.textContent = this.textContent;
+ }
+}
+
+PFElement.create(PfeBadge);
+
+export default PfeBadge;
+//# sourceMappingURL=pfe-badge.js.map
diff --git a/elements/pfe-badge/dist/pfe-badge.js.map b/elements/pfe-badge/dist/pfe-badge.js.map
new file mode 100644
index 0000000000..adbc6d00df
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-badge.js","sources":["../_temp/pfe-badge.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeBadge 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeBadge extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,QAAQ,SAAS,SAAS,CAAC;EAC/B,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,iBAAiB,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;GAC1T;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,EAAE,CAAC;GACX;EACD,WAAW,GAAG,GAAG;IACf,OAAO,WAAW,CAAC;GACpB;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,gBAAgB,CAAC;GACzB;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,gBAAgB,CAAC;GACzB;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,gBAAgB,CAAC;GACzB;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;GACpC;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;GAC3C;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,QAAQ,CAAC,CAAC;IAChB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;GAC7D;;EAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;IAC7C,QAAQ,IAAI;MACV,KAAK,eAAe;QAClB,IAAI,CAAC,WAAW;UACd,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;cAC7C,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;cACpB,IAAI,CAAC,WAAW,CAAC;QACvB,MAAM;MACR,KAAK,QAAQ;QACX,IAAI,CAAC,WAAW;UACd,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;cACrD,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;cACpB,MAAM,CAAC;QACb,MAAM;MACR;QACE,OAAO;KACV;IACD,IAAI,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;GACpD;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-badge/dist/pfe-badge.json b/elements/pfe-badge/dist/pfe-badge.json
new file mode 100644
index 0000000000..5c94462cca
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.json
@@ -0,0 +1,49 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Badge",
+ "description": "This element creates a badge with a numerical value.",
+ "type": "object",
+ "tag": "pfe-badge",
+ "class": "pfe-badge",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {}
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "state": {
+ "title": "Background color",
+ "type": "string",
+ "enum": [
+ "default",
+ "moderate",
+ "important",
+ "critical",
+ "success",
+ "info"
+ ],
+ "default": "default",
+ "prefixed": true
+ },
+ "number": {
+ "title": "Numeric Value",
+ "type": "number",
+ "prefixed": false
+ },
+ "pfe-threshold": {
+ "title": "Threshold Value",
+ "type": "number",
+ "prefixed": false
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-badge/dist/pfe-badge.min.js b/elements/pfe-badge/dist/pfe-badge.min.js
new file mode 100644
index 0000000000..f834b2be19
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfeBadge 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class t extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return""}static get properties(){return{state:{title:"Background color",type:"string",enum:["default","moderate","important","critical","success","info"],default:"default",prefixed:!0},number:{title:"Numeric Value",type:"number",prefixed:!1},"pfe-threshold":{title:"Threshold Value",type:"number",prefixed:!1}}}static get slots(){return{}}static get tag(){return"pfe-badge"}get templateUrl(){return"pfe-badge.html"}get styleUrl(){return"pfe-badge.scss"}get schemaUrl(){return"pfe-badge.json"}static get observedAttributes(){return["number","pfe-threshold"]}get threshold(){return this.getAttribute("pfe-threshold")}constructor(){super(t),this._textContainer=this.shadowRoot.querySelector("span")}attributeChangedCallback(e,t,r){switch(e){case"pfe-threshold":this.textContent=Number(this.threshold):host{display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme--line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:#f0f0f0;background-color:var(--pfe-badge--BackgroundColor,var(--pfe-theme--color--feedback--default--lightest,#f0f0f0));border-radius:calc(2px * 30);border-radius:var(--pfe-badge--BorderRadius,calc(var(--pfe-theme--ui--border-radius,2px) * 30));color:#151515;color:var(--pfe-badge--Color,var(--pfe-theme--color--text,#151515));font-size:calc(16px * .75);font-size:var(--pfe-badge--FontSize,calc(var(--pfe-theme--font-size,16px) * .75));font-weight:600;font-weight:var(--pfe-badge--FontWeight,var(--pfe-theme--font-weight--semi-bold,600));min-width:calc(1px * 2);min-width:var(--pfe-badge--MinWidth,calc(var(--pfe-theme--ui--border-width,1px) * 2));padding-left:calc(16px / 2);padding-left:var(--pfe-badge--PaddingLeft,calc(var(--pfe-theme--container-padding,16px)/ 2));padding-right:calc(16px / 2);padding-right:var(--pfe-badge--PaddingRight,calc(var(--pfe-theme--container-padding,16px)/ 2))}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n`;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","PFElement","version","html","properties","state","title","type","enum","default","prefixed","number","pfe-threshold","slots","tag","templateUrl","styleUrl","schemaUrl","observedAttributes","threshold","this","getAttribute","[object Object]","super","_textContainer","shadowRoot","querySelector","attr","oldVal","newVal","textContent","Number","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAAiBC,EACrBC,qBACE,MAAO,sBAGTC,WACE,MAAO,4hEAKTC,wBACE,MAAO,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,UAAUC,UAAW,GAAMC,OAAS,CAACL,MAAQ,gBAAgBC,KAAO,SAASG,UAAW,GAAOE,gBAAgB,CAACN,MAAQ,kBAAkBC,KAAO,SAASG,UAAW,IAGnTG,mBACE,MAAO,GAETC,iBACE,MAAO,YAGTC,kBACE,MAAO,iBAGTC,eACE,MAAO,iBAGTC,gBACE,MAAO,iBAGTC,gCACE,MAAO,CAAC,SAAU,iBAGpBC,gBACE,OAAOC,KAAKC,aAAa,iBAG3BC,cACEC,MAAMvB,GACNoB,KAAKI,eAAiBJ,KAAKK,WAAWC,cAAc,QAGtDJ,yBAAyBK,EAAMC,EAAQC,GACrC,OAAQF,GACN,IAAK,gBACHP,KAAKU,YACHC,OAAOX,KAAKD,WAAaY,OAAOX,KAAKU,gBAC9BV,KAAKD,aACRC,KAAKU,YACX,MACF,IAAK,SACHV,KAAKU,YACHV,KAAKD,WAAaY,OAAOX,KAAKD,WAAaY,OAAOF,MAC3CT,KAAKD,aACRU,EACN,MACF,QACE,OAEJT,KAAKI,eAAeM,YAAcV,KAAKU,aAI3C7B,EAAU+B,OAAOhC"}
\ No newline at end of file
diff --git a/elements/pfe-badge/dist/pfe-badge.umd.js b/elements/pfe-badge/dist/pfe-badge.umd.js
new file mode 100644
index 0000000000..e200ccd905
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.umd.js
@@ -0,0 +1,169 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeBadge = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeBadge 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeBadge = function (_PFElement) {
+ inherits(PfeBadge, _PFElement);
+ createClass(PfeBadge, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-badge.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-badge.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-badge.json";
+ }
+ }, {
+ key: "threshold",
+ get: function get$$1() {
+ return this.getAttribute("pfe-threshold");
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "state": { "title": "Background color", "type": "string", "enum": ["default", "moderate", "important", "critical", "success", "info"], "default": "default", "prefixed": true }, "number": { "title": "Numeric Value", "type": "number", "prefixed": false }, "pfe-threshold": { "title": "Threshold Value", "type": "number", "prefixed": false } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-badge";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["number", "pfe-threshold"];
+ }
+ }]);
+
+ function PfeBadge() {
+ classCallCheck(this, PfeBadge);
+
+ var _this = possibleConstructorReturn(this, (PfeBadge.__proto__ || Object.getPrototypeOf(PfeBadge)).call(this, PfeBadge));
+
+ _this._textContainer = _this.shadowRoot.querySelector("span");
+ return _this;
+ }
+
+ createClass(PfeBadge, [{
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ switch (attr) {
+ case "pfe-threshold":
+ this.textContent = Number(this.threshold) < Number(this.textContent) ? this.threshold + "+" : this.textContent;
+ break;
+ case "number":
+ this.textContent = this.threshold && Number(this.threshold) < Number(newVal) ? this.threshold + "+" : newVal;
+ break;
+ default:
+ return;
+ }
+ this._textContainer.textContent = this.textContent;
+ }
+ }]);
+ return PfeBadge;
+ }(PFElement);
+
+ PFElement.create(PfeBadge);
+
+ return PfeBadge;
+
+})));
+//# sourceMappingURL=pfe-badge.umd.js.map
diff --git a/elements/pfe-badge/dist/pfe-badge.umd.js.map b/elements/pfe-badge/dist/pfe-badge.umd.js.map
new file mode 100644
index 0000000000..78c246b271
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-badge.umd.js","sources":["../_temp/pfe-badge.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeBadge 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nclass PfeBadge extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","getAttribute","_textContainer","shadowRoot","querySelector","attr","oldVal","newVal","textContent","Number","threshold","PFElement","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAaiB;EAChB,aAAO,gBAAP;EACD;;;6BAEc;EACb,aAAO,gBAAP;EACD;;;6BAEe;EACd,aAAO,gBAAP;EACD;;;6BAMe;EACd,aAAO,KAAKC,YAAL,CAAkB,eAAlB,CAAP;EACD;;;6BAvCoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,SAAQ,EAAC,SAAQ,kBAAT,EAA4B,QAAO,QAAnC,EAA4C,QAAO,CAAC,SAAD,EAAW,UAAX,EAAsB,WAAtB,EAAkC,UAAlC,EAA6C,SAA7C,EAAuD,MAAvD,CAAnD,EAAkH,WAAU,SAA5H,EAAsI,YAAW,IAAjJ,EAAT,EAAgK,UAAS,EAAC,SAAQ,eAAT,EAAyB,QAAO,QAAhC,EAAyC,YAAW,KAApD,EAAzK,EAAoO,iBAAgB,EAAC,SAAQ,iBAAT,EAA2B,QAAO,QAAlC,EAA2C,YAAW,KAAtD,EAApP,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAP;EACD;;;6BACgB;EACf,aAAO,WAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,QAAD,EAAW,eAAX,CAAP;EACD;;;EAMD,sBAAc;EAAA;;EAAA,mHACND,QADM;;EAEZ,UAAKE,cAAL,GAAsB,MAAKC,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,CAAtB;EAFY;EAGb;;;;+CAEwBC,MAAMC,QAAQC,QAAQ;EAC7C,cAAQF,IAAR;EACE,aAAK,eAAL;EACE,eAAKG,WAAL,GACEC,OAAO,KAAKC,SAAZ,IAAyBD,OAAO,KAAKD,WAAZ,CAAzB,GACO,KAAKE,SADZ,SAEI,KAAKF,WAHX;EAIA;EACF,aAAK,QAAL;EACE,eAAKA,WAAL,GACE,KAAKE,SAAL,IAAkBD,OAAO,KAAKC,SAAZ,IAAyBD,OAAOF,MAAP,CAA3C,GACO,KAAKG,SADZ,SAEIH,MAHN;EAIA;EACF;EACE;EAdJ;EAgBA,WAAKL,cAAL,CAAoBM,WAApB,GAAkC,KAAKA,WAAvC;EACD;;;IAjEoBG;;EAoEvBA,UAAUC,MAAV,CAAiBZ,QAAjB;;;;;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-badge/dist/pfe-badge.umd.min.js b/elements/pfe-badge/dist/pfe-badge.umd.min.js
new file mode 100644
index 0000000000..69e85081d3
--- /dev/null
+++ b/elements/pfe-badge/dist/pfe-badge.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeBadge=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e};function o(e,t){for(var r=0;r:host{display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme--line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:#f0f0f0;background-color:var(--pfe-badge--BackgroundColor,var(--pfe-theme--color--feedback--default--lightest,#f0f0f0));border-radius:calc(2px * 30);border-radius:var(--pfe-badge--BorderRadius,calc(var(--pfe-theme--ui--border-radius,2px) * 30));color:#151515;color:var(--pfe-badge--Color,var(--pfe-theme--color--text,#151515));font-size:calc(16px * .75);font-size:var(--pfe-badge--FontSize,calc(var(--pfe-theme--font-size,16px) * .75));font-weight:600;font-weight:var(--pfe-badge--FontWeight,var(--pfe-theme--font-weight--semi-bold,600));min-width:calc(1px * 2);min-width:var(--pfe-badge--MinWidth,calc(var(--pfe-theme--ui--border-width,1px) * 2));padding-left:calc(16px / 2);padding-left:var(--pfe-badge--PaddingLeft,calc(var(--pfe-theme--container-padding,16px)/ 2));padding-right:calc(16px / 2);padding-right:var(--pfe-badge--PaddingRight,calc(var(--pfe-theme--container-padding,16px)/ 2))}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-badge.html"}},{key:"styleUrl",get:function(){return"pfe-badge.scss"}},{key:"schemaUrl",get:function(){return"pfe-badge.json"}},{key:"threshold",get:function(){return this.getAttribute("pfe-threshold")}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{state:{title:"Background color",type:"string",enum:["default","moderate","important","critical","success","info"],default:"default",prefixed:!0},number:{title:"Numeric Value",type:"number",prefixed:!1},"pfe-threshold":{title:"Threshold Value",type:"number",prefixed:!1}}}},{key:"slots",get:function(){return{}}},{key:"tag",get:function(){return"pfe-badge"}},{key:"observedAttributes",get:function(){return["number","pfe-threshold"]}}]),t(n,[{key:"attributeChangedCallback",value:function(e,t,r){switch(e){case"pfe-threshold":this.textContent=Number(this.threshold):host{display:inline-block;line-height:calc(1.5 * .75);line-height:calc(var(--pfe-theme--line-height,1.5) * .75);text-align:center;text-rendering:optimizelegibility}span{background-color:#f0f0f0;background-color:var(--pfe-badge--BackgroundColor,var(--pfe-theme--color--feedback--default--lightest,#f0f0f0));border-radius:calc(2px * 30);border-radius:var(--pfe-badge--BorderRadius,calc(var(--pfe-theme--ui--border-radius,2px) * 30));color:#151515;color:var(--pfe-badge--Color,var(--pfe-theme--color--text,#151515));font-size:calc(16px * .75);font-size:var(--pfe-badge--FontSize,calc(var(--pfe-theme--font-size,16px) * .75));font-weight:600;font-weight:var(--pfe-badge--FontWeight,var(--pfe-theme--font-weight--semi-bold,600));min-width:calc(1px * 2);min-width:var(--pfe-badge--MinWidth,calc(var(--pfe-theme--ui--border-width,1px) * 2));padding-left:calc(16px / 2);padding-left:var(--pfe-badge--PaddingLeft,calc(var(--pfe-theme--container-padding,16px)/ 2));padding-right:calc(16px / 2);padding-right:var(--pfe-badge--PaddingRight,calc(var(--pfe-theme--container-padding,16px)/ 2))}:host([pfe-state=moderate]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=important]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=critical]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=success]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-state=info]) span{--pfe-badge--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-badge--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-badge.min.css.map */\n`;\n }\n\n static get properties() {\n return {\"state\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"important\",\"critical\",\"success\",\"info\"],\"default\":\"default\",\"prefixed\":true},\"number\":{\"title\":\"Numeric Value\",\"type\":\"number\",\"prefixed\":false},\"pfe-threshold\":{\"title\":\"Threshold Value\",\"type\":\"number\",\"prefixed\":false}};\n }\n\n static get slots() {\n return {};\n }\n static get tag() {\n return \"pfe-badge\";\n }\n\n get templateUrl() {\n return \"pfe-badge.html\";\n }\n\n get styleUrl() {\n return \"pfe-badge.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-badge.json\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"pfe-threshold\"];\n }\n\n get threshold() {\n return this.getAttribute(\"pfe-threshold\");\n }\n\n constructor() {\n super(PfeBadge);\n this._textContainer = this.shadowRoot.querySelector(\"span\");\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n switch (attr) {\n case \"pfe-threshold\":\n this.textContent =\n Number(this.threshold) < Number(this.textContent)\n ? `${this.threshold}+`\n : this.textContent;\n break;\n case \"number\":\n this.textContent =\n this.threshold && Number(this.threshold) < Number(newVal)\n ? `${this.threshold}+`\n : newVal;\n break;\n default:\n return;\n }\n this._textContainer.textContent = this.textContent;\n }\n}\n\nPFElement.create(PfeBadge);\n\nexport default PfeBadge;\n"],"names":["PfeBadge","PFElement","this","getAttribute","state","title","type","enum","default","prefixed","number","pfe-threshold","attr","oldVal","newVal","textContent","Number","threshold","_textContainer","_this","shadowRoot","querySelector","create"],"mappings":"yiBA2BMA,+TAAiBC,+mEAuBZ,wDAIA,yDAIA,0DAQAC,KAAKC,aAAa,yDArClB,+DAUA,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,YAAY,WAAW,UAAU,QAAQC,QAAU,UAAUC,UAAW,GAAMC,OAAS,CAACL,MAAQ,gBAAgBC,KAAO,SAASG,UAAW,GAAOE,gBAAgB,CAACN,MAAQ,kBAAkBC,KAAO,SAASG,UAAW,wCAI1S,qCAGA,6DAgBA,CAAC,SAAU,yEAYKG,EAAMC,EAAQC,UAC7BF,OACD,qBACEG,YACHC,OAAOd,KAAKe,WAAaD,OAAOd,KAAKa,aAC9Bb,KAAKe,cACRf,KAAKa,sBAER,cACEA,YACHb,KAAKe,WAAaD,OAAOd,KAAKe,WAAaD,OAAOF,GAC3CZ,KAAKe,cACRH,4BAKLI,eAAeH,YAAcb,KAAKa,qWArBjCf,aACDkB,eAAiBC,EAAKC,WAAWC,cAAc,iBAwBxDpB,EAAUqB,OAAOtB"}
\ No newline at end of file
diff --git a/elements/pfe-badge/package-lock.json b/elements/pfe-badge/package-lock.json
index 496a820a0b..fc841b1b11 100644
--- a/elements/pfe-badge/package-lock.json
+++ b/elements/pfe-badge/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-badge",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-badge/package.json b/elements/pfe-badge/package.json
index 4d15c9b53a..b5f6fd55c4 100644
--- a/elements/pfe-badge/package.json
+++ b/elements/pfe-badge/package.json
@@ -4,7 +4,7 @@
"className": "PfeBadge",
"elementName": "pfe-badge"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Badge element for PatternFly Elements",
"keywords": [
"web-components",
@@ -50,7 +50,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.50"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.3.0"
}
diff --git a/elements/pfe-band/dist/pfe-band.js b/elements/pfe-band/dist/pfe-band.js
new file mode 100644
index 0000000000..a9c568d66e
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.js
@@ -0,0 +1,233 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL Element.matches
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
+if (!Element.prototype.matches) {
+ Element.prototype.matches =
+ Element.prototype.msMatchesSelector ||
+ Element.prototype.webkitMatchesSelector;
+}
+
+// @POLYFILL Element.closest
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+if (!Element.prototype.closest) {
+ Element.prototype.closest = function(s) {
+ var el = this;
+ do {
+ if (el.matches(s)) return el;
+ el = el.parentElement || el.parentNode;
+ } while (el !== null && el.nodeType === 1);
+ return null;
+ };
+}
+
+// @POLYFILL Array.includes
+// https://tc39.github.io/ecma262/#sec-array.prototype.includes
+if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, "includes", {
+ value: function(valueToFind, fromIndex) {
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ // 1. Let O be ? ToObject(this value).
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If len is 0, return false.
+ if (len === 0) {
+ return false;
+ }
+
+ // 4. Let n be ? ToInteger(fromIndex).
+ // (If fromIndex is undefined, this step produces the value 0.)
+ var n = fromIndex | 0;
+
+ // 5. If n ≥ 0, then
+ // a. Let k be n.
+ // 6. Else n < 0,
+ // a. Let k be len + n.
+ // b. If k < 0, let k be 0.
+ var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+
+ function sameValueZero(x, y) {
+ return (
+ x === y ||
+ (typeof x === "number" &&
+ typeof y === "number" &&
+ isNaN(x) &&
+ isNaN(y))
+ );
+ }
+
+ // 7. Repeat, while k < len
+ while (k < len) {
+ // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+ // b. If SameValueZero(valueToFind, elementK) is true, return true.
+ if (sameValueZero(o[k], valueToFind)) {
+ return true;
+ }
+ // c. Increase k by 1.
+ k++;
+ }
+
+ // 8. Return false
+ return false;
+ }
+ });
+}
+
+/*!
+ * PatternFly Elements: PfeBand 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeBand extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ` this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : "").join(" ")}>
+ ${this.has_slot("pfe-band--aside") && this.asidePosition.mobile === "top" ? `` : ""}
+ ${this.has_slot("pfe-band--header") ? `` : ""}
+
+ ${this.has_slot("pfe-band--aside") && this.asidePosition.mobile !== "top" ? `` : ""}
+ ${this.has_slot("pfe-band--footer") ? `` : ""}
+`;
+ }
+
+ static get properties() {
+ return {"color":{"title":"Background color","type":"string","enum":["lightest","base","darker","darkest","complement","accent"],"default":"base","prefixed":true,"observer":"_colorChanged"},"img-src":{"title":"Background image","type":"string","prefixed":true,"observer":"_imgSrcChanged"},"aside-desktop":{"title":"Aside positioning (desktop)","type":"string","default":"right","enum":["right","left"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}},"aside-mobile":{"title":"Aside positioning (mobile)","type":"string","default":"bottom","enum":["top","bottom"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}},"aside-height":{"title":"Aside height","type":"string","default":"body","enum":["full","body"],"prefixed":true,"observer":"_basicAttributeChanged","options":{"dependencies":[{"type":"slot","id":"aside"}]}}};
+ }
+
+ static get slots() {
+ 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"}]}},"aside":{"title":"Aside","type":"array","namedSlot":true,"maxItems":5,"items":{"oneOf":[{"$ref":"pfe-card"},{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-band";
+ }
+
+ get schemaUrl() {
+ return "pfe-band.json";
+ }
+
+ get templateUrl() {
+ return "pfe-band.html";
+ }
+
+ get styleUrl() {
+ return "pfe-band.scss";
+ }
+
+ get imageSrc() {
+ return this.getAttribute("pfe-img-src");
+ }
+
+ get backgroundColor() {
+ return this.getAttribute("pfe-color");
+ }
+
+ get asidePosition() {
+ return {
+ desktop: this.getAttribute("pfe-aside-desktop"),
+ mobile: this.getAttribute("pfe-aside-mobile"),
+ height: this.getAttribute("pfe-aside-height")
+ };
+ }
+
+ static get observedAttributes() {
+ return [
+ "pfe-aside-desktop",
+ "pfe-aside-mobile",
+ "pfe-aside-height",
+ "pfe-color",
+ "pfe-img-src"
+ ];
+ }
+
+ static get cascadingAttributes() {
+ return {
+ "pfe-aside-desktop": ".pfe-band__container",
+ "pfe-aside-mobile": ".pfe-band__container",
+ "pfe-aside-height": ".pfe-band__container"
+ };
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Container;
+ }
+
+ constructor() {
+ super(PfeBand, { type: PfeBand.PfeType });
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ // Initialize the background image attachment
+ if (this.imageSrc) {
+ this._imgSrcChanged("pfe-img-src", "", this.imageSrc);
+ }
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(attr, oldValue, newValue);
+ // Strip the prefix form the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ let observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+
+ _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+
+ // Update the color attribute and contexts
+ _colorChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ // Trigger an update in nested components
+ this.context_update();
+ }
+
+ // Update the background image
+ _imgSrcChanged(attr, oldValue, newValue) {
+ // Set the image as the background image
+ this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;
+ }
+}
+
+PFElement.create(PfeBand);
+
+export default PfeBand;
+//# sourceMappingURL=pfe-band.js.map
diff --git a/elements/pfe-band/dist/pfe-band.js.map b/elements/pfe-band/dist/pfe-band.js.map
new file mode 100644
index 0000000000..55a355fe0f
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-band.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ` this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `` : \"\"}\n \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `` : \"\"}\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\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\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _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(PfeBand);\n\nexport { PfeBand as default };\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-band/dist/pfe-band.json b/elements/pfe-band/dist/pfe-band.json
new file mode 100644
index 0000000000..b20d749abc
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.json
@@ -0,0 +1,156 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Band",
+ "description": "This element creates a header, body, footer, and aside region in which to place content or other components.",
+ "type": "object",
+ "tag": "pfe-band",
+ "class": "pfe-band",
+ "category": "container",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "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"
+ }
+ ]
+ }
+ },
+ "aside": {
+ "title": "Aside",
+ "type": "array",
+ "namedSlot": true,
+ "maxItems": 5,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "pfe-card"
+ },
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "color": {
+ "title": "Background color",
+ "type": "string",
+ "enum": [
+ "lightest",
+ "base",
+ "darker",
+ "darkest",
+ "complement",
+ "accent"
+ ],
+ "default": "base",
+ "prefixed": true,
+ "observer": "_colorChanged"
+ },
+ "img-src": {
+ "title": "Background image",
+ "type": "string",
+ "prefixed": true,
+ "observer": "_imgSrcChanged"
+ },
+ "aside-desktop": {
+ "title": "Aside positioning (desktop)",
+ "type": "string",
+ "default": "right",
+ "enum": ["right", "left"],
+ "prefixed": true,
+ "observer": "_basicAttributeChanged",
+ "options": {
+ "dependencies": [
+ {
+ "type": "slot",
+ "id": "aside"
+ }
+ ]
+ }
+ },
+ "aside-mobile": {
+ "title": "Aside positioning (mobile)",
+ "type": "string",
+ "default": "bottom",
+ "enum": ["top", "bottom"],
+ "prefixed": true,
+ "observer": "_basicAttributeChanged",
+ "options": {
+ "dependencies": [
+ {
+ "type": "slot",
+ "id": "aside"
+ }
+ ]
+ }
+ },
+ "aside-height": {
+ "title": "Aside height",
+ "type": "string",
+ "default": "body",
+ "enum": ["full", "body"],
+ "prefixed": true,
+ "observer": "_basicAttributeChanged",
+ "options": {
+ "dependencies": [
+ {
+ "type": "slot",
+ "id": "aside"
+ }
+ ]
+ }
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-band/dist/pfe-band.min.js b/elements/pfe-band/dist/pfe-band.min.js
new file mode 100644
index 0000000000..2789198adb
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var a=this;do{if(a.matches(e))return a;a=a.parentElement||a.parentNode}while(null!==a&&1===a.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,a){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),d=r.length>>>0;if(0===d)return!1;var o,t,i=0|a,n=Math.max(i>=0?i:d-Math.abs(i),0);for(;n@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-color=accent]),:host([pfe-color=base]),:host([pfe-color=complement]),:host([pfe-color=darker]),:host([pfe-color=darkest]),:host([pfe-color=lightest]){background-color:#fff!important;color:#151515!important}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host{--theme:var(--pfe-band--theme, light);display:block;position:relative;padding:calc(calc(16px * 4)/ 2) calc(16px * 1);padding:calc(var(--pfe-band--Padding--vertical,calc(var(--pfe-theme--container-spacer,16px) * 4))/ 2) var(--pfe-band--Padding--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 1));border:1px solid transparent;border:var(--pfe-band--Border,var(--pfe-theme--surface--border-width,1px) var(--pfe-theme--surface--border-style,solid) transparent);background-color:#f0f0f0;background-color:var(--pfe-band--BackgroundColor,var(--pfe-theme--color--surface--base,#f0f0f0));background-position:center center;background-position:var(--pfe-band--BackgroundPosition,center center);color:#3c3f42;color:var(--pfe-broadcasted--text,#3c3f42)}@media screen and (min-width:768px){:host{--pfe-band--Width:calc( 768px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media screen and (min-width:992px){:host{--pfe-band--Width:calc( 992px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media screen and (min-width:1200px){:host{--pfe-band--Width:calc( 1200px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media (min-width:576px){:host{padding:calc(16px * 4) calc(16px * 1);padding:var(--pfe-band--Padding,var(--pfe-band--Padding--vertical,calc(var(--pfe-theme--container-spacer,16px) * 4)) var(--pfe-band--Padding--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 1)))}}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2;padding:calc(16px * 4)/2 calc(16px * 1);padding:calc(var(--pfe-theme--container-spacer,16px) * 4)/2 calc(var(--pfe-theme--container-spacer,16px) * 1)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;color:#151515!important;background-image:none!important;padding:16px}}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}:host([pfe-color=darker]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darker, #3c3f42);--pfe-band--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darkest, #151515);--pfe-band--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #f0f0f0);--pfe-band--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lightest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-band--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--accent, #004080);--pfe-band--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--complement, #002952);--pfe-band--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([pfe-size=small]){--pfe-band--Padding:calc(var(--pfe-band--Padding--vertical, calc( var(--pfe-theme--container-spacer, 16px) * 4)) / 4) var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1))}.pfe-band__container{--pfe-band__region--width:calc(1fr - var(--pfe-band--Width__aside--sm, 240px) - var(--pfe-band--gutter--horizontal, calc(var(--pfe-theme--container-spacer, 16px) * 3)));grid-template-areas:"body";position:relative;margin:0 auto;width:100%;max-width:auto;max-width:var(--pfe-band--Width,auto)}.pfe-band__container[pfe-has-aside]{grid-template-areas:"body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--sm, 240px)}}@media (min-width:992px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--lg, 300px)}}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]{grid-template-areas:"aside" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{grid-template-areas:"aside body";--pfe-band--layout:var(--pfe-band--Width__aside--sm, 240px) 1fr}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}}@media (min-width:992px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{--pfe-band--layout:var(--pfe-band--Width__aside--lg, 300px) 1fr}}.pfe-band__container[pfe-has-header]{grid-template-areas:"header" "body"}.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header" "body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header header" "body aside"}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:2}}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside"}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}}.pfe-band__container[pfe-has-footer]{grid-template-areas:"body" "footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body" "aside" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body aside" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"body aside" "footer aside"}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"aside body" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside body" "aside footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1}}.pfe-band__container[pfe-has-header][pfe-has-footer]{grid-template-areas:"header" "body" "footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header" "body" "footer" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header header" "body aside" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside" "footer aside"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body" "aside footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:1}}@supports (display:grid){.pfe-band__container{display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band--layout,1fr);grid-template-columns:var(--pfe-band--layout,1fr);-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}}.pfe-band__header{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:header;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__header--layout,1fr);grid-template-columns:var(--pfe-band__header--layout,1fr)}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__body{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:body;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__body--layout,1fr);grid-template-columns:var(--pfe-band__body--layout,1fr)}.pfe-band__container[pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}}.pfe-band__aside{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:aside;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__aside--layout,1fr);grid-template-columns:var(--pfe-band__aside--layout,1fr)}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}}.pfe-band__footer{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:footer;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__footer--layout,1fr);grid-template-columns:var(--pfe-band__footer--layout,1fr)}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__aside{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-band__body{width:60%;float:left}.pfe-band__aside{float:left;width:35%;margin:0 2.5%}.pfe-band__footer{clear:both}.pfe-band__container::after{content:" ";display:block;clear:both}}\n/*# sourceMappingURL=pfe-band.min.css.map */\nthis.has_slot(`pfe-band--${e}`)?`pfe-has-${e}`:"").join(" ")}>\n ${this.has_slot("pfe-band--aside")&&"top"===this.asidePosition.mobile?'':""}\n ${this.has_slot("pfe-band--header")?'':""}\n \n ${this.has_slot("pfe-band--aside")&&"top"!==this.asidePosition.mobile?'':""}\n ${this.has_slot("pfe-band--footer")?'':""}\n`}static get properties(){return{color:{title:"Background color",type:"string",enum:["lightest","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",prefixed:!0,observer:"_imgSrcChanged"},"aside-desktop":{title:"Aside positioning (desktop)",type:"string",default:"right",enum:["right","left"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-mobile":{title:"Aside positioning (mobile)",type:"string",default:"bottom",enum:["top","bottom"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-height":{title:"Aside height",type:"string",default:"body",enum:["full","body"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}}}}static get slots(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}},aside:{title:"Aside",type:"array",namedSlot:!0,maxItems:5,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}}}}static get tag(){return"pfe-band"}get schemaUrl(){return"pfe-band.json"}get templateUrl(){return"pfe-band.html"}get styleUrl(){return"pfe-band.scss"}get imageSrc(){return this.getAttribute("pfe-img-src")}get backgroundColor(){return this.getAttribute("pfe-color")}get asidePosition(){return{desktop:this.getAttribute("pfe-aside-desktop"),mobile:this.getAttribute("pfe-aside-mobile"),height:this.getAttribute("pfe-aside-height")}}static get observedAttributes(){return["pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","pfe-color","pfe-img-src"]}static get cascadingAttributes(){return{"pfe-aside-desktop":".pfe-band__container","pfe-aside-mobile":".pfe-band__container","pfe-aside-height":".pfe-band__container"}}static get PfeType(){return e.PfeTypes.Container}constructor(){super(a,{type:a.PfeType})}connectedCallback(){super.connectedCallback(),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc)}attributeChangedCallback(e,a,r){if(super.attributeChangedCallback(e,a,r),this[e=e.replace("pfe-","")]&&this[e].observer){let d=this[this[e].observer].bind(this);"function"==typeof d&&d(e,a,r)}}_basicAttributeChanged(e,a,r){this[e].value=r}_colorChanged(e,a,r){this[e].value=r,this.context_update()}_imgSrcChanged(e,a,r){this.style.backgroundImage=r?`url('${r}')`:""}}e.create(a);export default a;
+//# sourceMappingURL=pfe-band.min.js.map
diff --git a/elements/pfe-band/dist/pfe-band.min.js.map b/elements/pfe-band/dist/pfe-band.min.js.map
new file mode 100644
index 0000000000..f8c6884d5f
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-band.min.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ` this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `` : \"\"}\n \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `` : \"\"}\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\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\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _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(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","x","y","n","k","Math","max","abs","isNaN","PfeBand","PFElement","version","html","map","slot","has_slot","join","asidePosition","mobile","properties","color","title","type","enum","default","prefixed","observer","img-src","aside-desktop","options","dependencies","id","aside-mobile","aside-height","slots","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","aside","tag","schemaUrl","templateUrl","styleUrl","imageSrc","getAttribute","backgroundColor","desktop","height","observedAttributes","cascadingAttributes","pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","PfeType","PfeTypes","Container","[object Object]","super","connectedCallback","_imgSrcChanged","attr","oldValue","newValue","attributeChangedCallback","replace","bind","context_update","style","backgroundImage","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-band/dist/pfe-band.umd.js b/elements/pfe-band/dist/pfe-band.umd.js
new file mode 100644
index 0000000000..920d8734c2
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.umd.js
@@ -0,0 +1,329 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeBand = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL Element.matches
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
+ if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+ }
+
+ // @POLYFILL Element.closest
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+ if (!Element.prototype.closest) {
+ Element.prototype.closest = function (s) {
+ var el = this;
+ do {
+ if (el.matches(s)) return el;
+ el = el.parentElement || el.parentNode;
+ } while (el !== null && el.nodeType === 1);
+ return null;
+ };
+ }
+
+ // @POLYFILL Array.includes
+ // https://tc39.github.io/ecma262/#sec-array.prototype.includes
+ if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, "includes", {
+ value: function value(valueToFind, fromIndex) {
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ // 1. Let O be ? ToObject(this value).
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If len is 0, return false.
+ if (len === 0) {
+ return false;
+ }
+
+ // 4. Let n be ? ToInteger(fromIndex).
+ // (If fromIndex is undefined, this step produces the value 0.)
+ var n = fromIndex | 0;
+
+ // 5. If n ≥ 0, then
+ // a. Let k be n.
+ // 6. Else n < 0,
+ // a. Let k be len + n.
+ // b. If k < 0, let k be 0.
+ var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+
+ function sameValueZero(x, y) {
+ return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y);
+ }
+
+ // 7. Repeat, while k < len
+ while (k < len) {
+ // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+ // b. If SameValueZero(valueToFind, elementK) is true, return true.
+ if (sameValueZero(o[k], valueToFind)) {
+ return true;
+ }
+ // c. Increase k by 1.
+ k++;
+ }
+
+ // 8. Return false
+ return false;
+ }
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeBand 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeBand = function (_PFElement) {
+ inherits(PfeBand, _PFElement);
+ createClass(PfeBand, [{
+ key: "html",
+ get: function get$$1() {
+ var _this2 = this;
+
+ return "\n " + (this.has_slot("pfe-band--aside") && this.asidePosition.mobile === "top" ? "" : "") + "\n " + (this.has_slot("pfe-band--header") ? "" : "") + "\n \n " + (this.has_slot("pfe-band--aside") && this.asidePosition.mobile !== "top" ? "" : "") + "\n " + (this.has_slot("pfe-band--footer") ? "" : "") + "\n";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-band.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-band.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-band.scss";
+ }
+ }, {
+ key: "imageSrc",
+ get: function get$$1() {
+ return this.getAttribute("pfe-img-src");
+ }
+ }, {
+ key: "backgroundColor",
+ get: function get$$1() {
+ return this.getAttribute("pfe-color");
+ }
+ }, {
+ key: "asidePosition",
+ get: function get$$1() {
+ return {
+ desktop: this.getAttribute("pfe-aside-desktop"),
+ mobile: this.getAttribute("pfe-aside-mobile"),
+ height: this.getAttribute("pfe-aside-height")
+ };
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "color": { "title": "Background color", "type": "string", "enum": ["lightest", "base", "darker", "darkest", "complement", "accent"], "default": "base", "prefixed": true, "observer": "_colorChanged" }, "img-src": { "title": "Background image", "type": "string", "prefixed": true, "observer": "_imgSrcChanged" }, "aside-desktop": { "title": "Aside positioning (desktop)", "type": "string", "default": "right", "enum": ["right", "left"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } }, "aside-mobile": { "title": "Aside positioning (mobile)", "type": "string", "default": "bottom", "enum": ["top", "bottom"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } }, "aside-height": { "title": "Aside height", "type": "string", "default": "body", "enum": ["full", "body"], "prefixed": true, "observer": "_basicAttributeChanged", "options": { "dependencies": [{ "type": "slot", "id": "aside" }] } } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ 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" }] } }, "aside": { "title": "Aside", "type": "array", "namedSlot": true, "maxItems": 5, "items": { "oneOf": [{ "$ref": "pfe-card" }, { "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-band";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-aside-desktop", "pfe-aside-mobile", "pfe-aside-height", "pfe-color", "pfe-img-src"];
+ }
+ }, {
+ key: "cascadingAttributes",
+ get: function get$$1() {
+ return {
+ "pfe-aside-desktop": ".pfe-band__container",
+ "pfe-aside-mobile": ".pfe-band__container",
+ "pfe-aside-height": ".pfe-band__container"
+ };
+ }
+
+ // Declare the type of this component
+
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }]);
+
+ function PfeBand() {
+ classCallCheck(this, PfeBand);
+ return possibleConstructorReturn(this, (PfeBand.__proto__ || Object.getPrototypeOf(PfeBand)).call(this, PfeBand, { type: PfeBand.PfeType }));
+ }
+
+ createClass(PfeBand, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeBand.prototype.__proto__ || Object.getPrototypeOf(PfeBand.prototype), "connectedCallback", this).call(this);
+
+ // Initialize the background image attachment
+ if (this.imageSrc) {
+ this._imgSrcChanged("pfe-img-src", "", this.imageSrc);
+ }
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ get(PfeBand.prototype.__proto__ || Object.getPrototypeOf(PfeBand.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue);
+ // Strip the prefix form the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ var observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+ }, {
+ key: "_basicAttributeChanged",
+ value: function _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+
+ // Update the color attribute and contexts
+
+ }, {
+ key: "_colorChanged",
+ value: function _colorChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ // Trigger an update in nested components
+ this.context_update();
+ }
+
+ // Update the background image
+
+ }, {
+ key: "_imgSrcChanged",
+ value: function _imgSrcChanged(attr, oldValue, newValue) {
+ // Set the image as the background image
+ this.style.backgroundImage = newValue ? "url('" + newValue + "')" : "";
+ }
+ }]);
+ return PfeBand;
+ }(PFElement);
+
+ PFElement.create(PfeBand);
+
+ return PfeBand;
+
+})));
+//# sourceMappingURL=pfe-band.umd.js.map
diff --git a/elements/pfe-band/dist/pfe-band.umd.js.map b/elements/pfe-band/dist/pfe-band.umd.js.map
new file mode 100644
index 0000000000..9b0daf1d8d
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-band.umd.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ` this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `` : \"\"}\n \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `` : \"\"}\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\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\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _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(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","PfeBand","map","has_slot","slot","join","asidePosition","mobile","getAttribute","desktop","height","PFElement","PfeTypes","Container","type","PfeType","imageSrc","_imgSrcChanged","attr","oldValue","newValue","replace","observer","bind","context_update","style","backgroundImage","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-band/dist/pfe-band.umd.min.js b/elements/pfe-band/dist/pfe-band.umd.min.js
new file mode 100644
index 0000000000..7cdf882908
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],a):e.PfeBand=a(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var a=this;do{if(a.matches(e))return a;a=a.parentElement||a.parentNode}while(null!==a&&1===a.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,a){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),o=r.length>>>0;if(0==o)return!1;var d,t,n=0|a,i=Math.max(0<=n?n:o-Math.abs(n),0);for(;i@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-color=accent]),:host([pfe-color=base]),:host([pfe-color=complement]),:host([pfe-color=darker]),:host([pfe-color=darkest]),:host([pfe-color=lightest]){background-color:#fff!important;color:#151515!important}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host{--theme:var(--pfe-band--theme, light);display:block;position:relative;padding:calc(calc(16px * 4)/ 2) calc(16px * 1);padding:calc(var(--pfe-band--Padding--vertical,calc(var(--pfe-theme--container-spacer,16px) * 4))/ 2) var(--pfe-band--Padding--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 1));border:1px solid transparent;border:var(--pfe-band--Border,var(--pfe-theme--surface--border-width,1px) var(--pfe-theme--surface--border-style,solid) transparent);background-color:#f0f0f0;background-color:var(--pfe-band--BackgroundColor,var(--pfe-theme--color--surface--base,#f0f0f0));background-position:center center;background-position:var(--pfe-band--BackgroundPosition,center center);color:#3c3f42;color:var(--pfe-broadcasted--text,#3c3f42)}@media screen and (min-width:768px){:host{--pfe-band--Width:calc( 768px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media screen and (min-width:992px){:host{--pfe-band--Width:calc( 992px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media screen and (min-width:1200px){:host{--pfe-band--Width:calc( 1200px - calc(var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1)) * 4))}}@media (min-width:576px){:host{padding:calc(16px * 4) calc(16px * 1);padding:var(--pfe-band--Padding,var(--pfe-band--Padding--vertical,calc(var(--pfe-theme--container-spacer,16px) * 4)) var(--pfe-band--Padding--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 1)))}}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2;padding:calc(16px * 4)/2 calc(16px * 1);padding:calc(var(--pfe-theme--container-spacer,16px) * 4)/2 calc(var(--pfe-theme--container-spacer,16px) * 1)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;color:#151515!important;background-image:none!important;padding:16px}}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}:host([pfe-color=darker]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darker, #3c3f42);--pfe-band--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--darkest, #151515);--pfe-band--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--base, #f0f0f0);--pfe-band--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lightest]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-band--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--accent, #004080);--pfe-band--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-band--BackgroundColor:var(--pfe-theme--color--surface--complement, #002952);--pfe-band--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([pfe-size=small]){--pfe-band--Padding:calc(var(--pfe-band--Padding--vertical, calc( var(--pfe-theme--container-spacer, 16px) * 4)) / 4) var(--pfe-band--Padding--horizontal, calc( var(--pfe-theme--container-spacer, 16px) * 1))}.pfe-band__container{--pfe-band__region--width:calc(1fr - var(--pfe-band--Width__aside--sm, 240px) - var(--pfe-band--gutter--horizontal, calc(var(--pfe-theme--container-spacer, 16px) * 3)));grid-template-areas:"body";position:relative;margin:0 auto;width:100%;max-width:auto;max-width:var(--pfe-band--Width,auto)}.pfe-band__container[pfe-has-aside]{grid-template-areas:"body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--sm, 240px)}}@media (min-width:992px){.pfe-band__container[pfe-has-aside]{--pfe-band--layout:1fr var(--pfe-band--Width__aside--lg, 300px)}}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]{grid-template-areas:"aside" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{grid-template-areas:"aside body";--pfe-band--layout:var(--pfe-band--Width__aside--sm, 240px) 1fr}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}}@media (min-width:992px){.pfe-band__container[pfe-has-aside][pfe-aside-desktop=left]{--pfe-band--layout:var(--pfe-band--Width__aside--lg, 300px) 1fr}}.pfe-band__container[pfe-has-header]{grid-template-areas:"header" "body"}.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header" "body" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-aside]{grid-template-areas:"header header" "body aside"}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:2}}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside"}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body"}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}}.pfe-band__container[pfe-has-footer]{grid-template-areas:"body" "footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body" "aside" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-has-aside]{grid-template-areas:"body aside" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"body aside" "footer aside"}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"aside body" "footer footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside body" "aside footer"}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:2}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:2;-ms-grid-column-span:1}}.pfe-band__container[pfe-has-header][pfe-has-footer]{grid-template-areas:"header" "body" "footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header" "body" "footer" "aside"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]{grid-template-areas:"header header" "body aside" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]{grid-template-areas:"aside" "header" "body" "footer"}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]{grid-template-areas:"header aside" "body aside" "footer aside"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]{grid-template-areas:"header header" "aside body" "footer footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]{grid-template-areas:"aside header" "aside body" "aside footer"}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:2}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-desktop=left][pfe-aside-height=full]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:2;-ms-grid-column-span:1}}@supports (display:grid){.pfe-band__container{display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band--layout,1fr);grid-template-columns:var(--pfe-band--layout,1fr);-ms-grid-rows:-webkit-max-content;-ms-grid-rows:max-content;grid-template-rows:-webkit-max-content;grid-template-rows:max-content}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}}.pfe-band__header{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:header;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__header--layout,1fr);grid-template-columns:var(--pfe-band__header--layout,1fr)}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__header{-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__header{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__body{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:body;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__body--layout,1fr);grid-template-columns:var(--pfe-band__body--layout,1fr)}.pfe-band__container[pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__body{-ms-grid-row:2;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__body{-ms-grid-row:3;-ms-grid-column:1}}.pfe-band__aside{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__aside{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:aside;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__aside--layout,1fr);grid-template-columns:var(--pfe-band__aside--layout,1fr)}.pfe-band__container[pfe-has-aside][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__aside{-ms-grid-row:4;-ms-grid-row-span:1;-ms-grid-column:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__aside{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1}}.pfe-band__footer{margin-bottom:16px;margin-bottom:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px))}@supports (display:grid){.pfe-band__footer{-ms-grid-row:2;-ms-grid-column:1;display:-ms-grid;display:grid;grid-row-gap:16px;grid-row-gap:var(--pfe-band--gutter--vertical,var(--pfe-theme--container-spacer,16px));grid-column-gap:calc(16px * 3);grid-column-gap:var(--pfe-band--gutter--horizontal,calc(var(--pfe-theme--container-spacer,16px) * 3));margin-bottom:0;grid-area:footer;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-columns:var(--pfe-band__footer--layout,1fr);grid-template-columns:var(--pfe-band__footer--layout,1fr)}.pfe-band__container[pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1}.pfe-band__container[pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-has-aside]>.pfe-band__footer{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:1}.pfe-band__container[pfe-has-header][pfe-has-footer][pfe-aside-mobile=top]>.pfe-band__footer{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:1}}.pfe-band__aside{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-band__body{width:60%;float:left}.pfe-band__aside{float:left;width:35%;margin:0 2.5%}.pfe-band__footer{clear:both}.pfe-band__container::after{content:" ";display:block;clear:both}}\n/*# sourceMappingURL=pfe-band.min.css.map */\n\n "+(this.has_slot("pfe-band--aside")&&"top"===this.asidePosition.mobile?'':"")+"\n "+(this.has_slot("pfe-band--header")?'':"")+'\n \n '+(this.has_slot("pfe-band--aside")&&"top"!==this.asidePosition.mobile?'':"")+"\n "+(this.has_slot("pfe-band--footer")?'':"")+"\n"}},{key:"schemaUrl",get:function(){return"pfe-band.json"}},{key:"templateUrl",get:function(){return"pfe-band.html"}},{key:"styleUrl",get:function(){return"pfe-band.scss"}},{key:"imageSrc",get:function(){return this.getAttribute("pfe-img-src")}},{key:"backgroundColor",get:function(){return this.getAttribute("pfe-color")}},{key:"asidePosition",get:function(){return{desktop:this.getAttribute("pfe-aside-desktop"),mobile:this.getAttribute("pfe-aside-mobile"),height:this.getAttribute("pfe-aside-height")}}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{color:{title:"Background color",type:"string",enum:["lightest","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",prefixed:!0,observer:"_imgSrcChanged"},"aside-desktop":{title:"Aside positioning (desktop)",type:"string",default:"right",enum:["right","left"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-mobile":{title:"Aside positioning (mobile)",type:"string",default:"bottom",enum:["top","bottom"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}},"aside-height":{title:"Aside height",type:"string",default:"body",enum:["full","body"],prefixed:!0,observer:"_basicAttributeChanged",options:{dependencies:[{type:"slot",id:"aside"}]}}}}},{key:"slots",get:function(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}},aside:{title:"Aside",type:"array",namedSlot:!0,maxItems:5,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-band"}},{key:"observedAttributes",get:function(){return["pfe-aside-desktop","pfe-aside-mobile","pfe-aside-height","pfe-color","pfe-img-src"]}},{key:"cascadingAttributes",get:function(){return{"pfe-aside-desktop":".pfe-band__container","pfe-aside-mobile":".pfe-band__container","pfe-aside-height":".pfe-band__container"}}},{key:"PfeType",get:function(){return e.PfeTypes.Container}}]),a(d,[{key:"connectedCallback",value:function(){n(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc)}},{key:"attributeChangedCallback",value:function(e,a,r){if(n(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"attributeChangedCallback",this).call(this,e,a,r),this[e=e.replace("pfe-","")]&&this[e].observer){var o=this[this[e].observer].bind(this);"function"==typeof o&&o(e,a,r)}}},{key:"_basicAttributeChanged",value:function(e,a,r){this[e].value=r}},{key:"_colorChanged",value:function(e,a,r){this[e].value=r,this.context_update()}},{key:"_imgSrcChanged",value:function(e,a,r){this.style.backgroundImage=r?"url('"+r+"')":""}}]),d);function d(){return function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")}(this,d),function(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a}(this,(d.__proto__||Object.getPrototypeOf(d)).call(this,d,{type:d.PfeType}))}return e.create(r),r});
+//# sourceMappingURL=pfe-band.umd.min.js.map
diff --git a/elements/pfe-band/dist/pfe-band.umd.min.js.map b/elements/pfe-band/dist/pfe-band.umd.min.js.map
new file mode 100644
index 0000000000..f4b8cce427
--- /dev/null
+++ b/elements/pfe-band/dist/pfe-band.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-band.umd.min.js","sources":["../_temp/polyfills--pfe-band.js","../_temp/pfe-band.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeBand 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-band.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeBand extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ` this.has_slot(`pfe-band--${slot}`) ? `pfe-has-${slot}` : \"\").join(\" \")}>\n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile === \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--header\") ? `` : \"\"}\n \n ${this.has_slot(\"pfe-band--aside\") && this.asidePosition.mobile !== \"top\" ? `` : \"\"}\n ${this.has_slot(\"pfe-band--footer\") ? `` : \"\"}\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"base\",\"darker\",\"darkest\",\"complement\",\"accent\"],\"default\":\"base\",\"prefixed\":true,\"observer\":\"_colorChanged\"},\"img-src\":{\"title\":\"Background image\",\"type\":\"string\",\"prefixed\":true,\"observer\":\"_imgSrcChanged\"},\"aside-desktop\":{\"title\":\"Aside positioning (desktop)\",\"type\":\"string\",\"default\":\"right\",\"enum\":[\"right\",\"left\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-mobile\":{\"title\":\"Aside positioning (mobile)\",\"type\":\"string\",\"default\":\"bottom\",\"enum\":[\"top\",\"bottom\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}},\"aside-height\":{\"title\":\"Aside height\",\"type\":\"string\",\"default\":\"body\",\"enum\":[\"full\",\"body\"],\"prefixed\":true,\"observer\":\"_basicAttributeChanged\",\"options\":{\"dependencies\":[{\"type\":\"slot\",\"id\":\"aside\"}]}}};\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\"}]}},\"aside\":{\"title\":\"Aside\",\"type\":\"array\",\"namedSlot\":true,\"maxItems\":5,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-card\"},{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-band\";\n }\n\n get schemaUrl() {\n return \"pfe-band.json\";\n }\n\n get templateUrl() {\n return \"pfe-band.html\";\n }\n\n get styleUrl() {\n return \"pfe-band.scss\";\n }\n\n get imageSrc() {\n return this.getAttribute(\"pfe-img-src\");\n }\n\n get backgroundColor() {\n return this.getAttribute(\"pfe-color\");\n }\n\n get asidePosition() {\n return {\n desktop: this.getAttribute(\"pfe-aside-desktop\"),\n mobile: this.getAttribute(\"pfe-aside-mobile\"),\n height: this.getAttribute(\"pfe-aside-height\")\n };\n }\n\n static get observedAttributes() {\n return [\n \"pfe-aside-desktop\",\n \"pfe-aside-mobile\",\n \"pfe-aside-height\",\n \"pfe-color\",\n \"pfe-img-src\"\n ];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-aside-desktop\": \".pfe-band__container\",\n \"pfe-aside-mobile\": \".pfe-band__container\",\n \"pfe-aside-height\": \".pfe-band__container\"\n };\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n constructor() {\n super(PfeBand, { type: PfeBand.PfeType });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _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(PfeBand);\n\nexport { PfeBand as default };\n"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","defineProperty","valueToFind","fromIndex","TypeError","o","Object","len","length","x","y","n","k","Math","max","abs","isNaN","PfeBand","PFElement","map","_this2","has_slot","slot","join","asidePosition","mobile","getAttribute","color","title","type","enum","default","prefixed","observer","img-src","aside-desktop","options","dependencies","id","aside-mobile","aside-height","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","aside","PfeTypes","Container","imageSrc","_imgSrcChanged","attr","oldValue","newValue","replace","bind","value","context_update","style","backgroundImage","PfeType","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-band/package-lock.json b/elements/pfe-band/package-lock.json
index 58b7128068..1aa71eff59 100644
--- a/elements/pfe-band/package-lock.json
+++ b/elements/pfe-band/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-band",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-band/package.json b/elements/pfe-band/package.json
index 3647c3d301..65eff36c42 100644
--- a/elements/pfe-band/package.json
+++ b/elements/pfe-band/package.json
@@ -9,7 +9,7 @@
"js": "src/pfe-band.js"
}
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Band container for PatternFly Elements",
"keywords": [
"web-components",
@@ -46,7 +46,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-rhelement-version": "0.6.8",
"bugs": {
diff --git a/elements/pfe-card/dist/pfe-card--lightdom.css b/elements/pfe-card/dist/pfe-card--lightdom.css
new file mode 100644
index 0000000000..823357af59
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card--lightdom.css
@@ -0,0 +1,8 @@
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ /* IE10+ */
+ pfe-card img[pfe-overflow] {
+ max-width: 100%;
+ }
+}
+
+/*# sourceMappingURL=pfe-card--lightdom.css.map */
diff --git a/elements/pfe-card/dist/pfe-card--lightdom.min.css b/elements/pfe-card/dist/pfe-card--lightdom.min.css
new file mode 100644
index 0000000000..43d6eb88d6
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card--lightdom.min.css
@@ -0,0 +1,2 @@
+@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-card img[pfe-overflow]{max-width:100%}}
+/*# sourceMappingURL=pfe-card--lightdom.min.css.map */
diff --git a/elements/pfe-card/dist/pfe-card--lightdom.min.css.map b/elements/pfe-card/dist/pfe-card--lightdom.min.css.map
new file mode 100644
index 0000000000..b0b3a967fa
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card--lightdom.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../../../pfe-sass/mixins/_mixins.scss","../pfe-card--lightdom.scss"],"names":[],"mappings":"AAGM,6CAAA,oCCCF,2BACI,UAAA","file":"pfe-card--lightdom.min.css","sourcesContent":[]}
\ No newline at end of file
diff --git a/elements/pfe-card/dist/pfe-card.js b/elements/pfe-card/dist/pfe-card.js
new file mode 100644
index 0000000000..214849c7ec
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.js
@@ -0,0 +1,222 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL Element.matches
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
+if (!Element.prototype.matches) {
+ Element.prototype.matches =
+ Element.prototype.msMatchesSelector ||
+ Element.prototype.webkitMatchesSelector;
+}
+
+// @POLYFILL Element.closest
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+if (!Element.prototype.closest) {
+ Element.prototype.closest = function(s) {
+ var el = this;
+ do {
+ if (el.matches(s)) return el;
+ el = el.parentElement || el.parentNode;
+ } while (el !== null && el.nodeType === 1);
+ return null;
+ };
+}
+
+// @POLYFILL Array.includes
+// https://tc39.github.io/ecma262/#sec-array.prototype.includes
+if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, "includes", {
+ value: function(valueToFind, fromIndex) {
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ // 1. Let O be ? ToObject(this value).
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If len is 0, return false.
+ if (len === 0) {
+ return false;
+ }
+
+ // 4. Let n be ? ToInteger(fromIndex).
+ // (If fromIndex is undefined, this step produces the value 0.)
+ var n = fromIndex | 0;
+
+ // 5. If n ≥ 0, then
+ // a. Let k be n.
+ // 6. Else n < 0,
+ // a. Let k be len + n.
+ // b. If k < 0, let k be 0.
+ var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+
+ function sameValueZero(x, y) {
+ return (
+ x === y ||
+ (typeof x === "number" &&
+ typeof y === "number" &&
+ isNaN(x) &&
+ isNaN(y))
+ );
+ }
+
+ // 7. Repeat, while k < len
+ while (k < len) {
+ // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+ // b. If SameValueZero(valueToFind, elementK) is true, return true.
+ if (sameValueZero(o[k], valueToFind)) {
+ return true;
+ }
+ // c. Increase k by 1.
+ k++;
+ }
+
+ // 8. Return false
+ return false;
+ }
+ });
+}
+
+/*!
+ * PatternFly Elements: PfeCard 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeCard extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+
+
+
+
+
+`;
+ }
+
+ static get properties() {
+ return {"color":{"title":"Background color","type":"string","enum":["lightest","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"}};
+ }
+
+ static get slots() {
+ 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"}]}}};
+ }
+ static get tag() {
+ return "pfe-card";
+ }
+
+ get schemaUrl() {
+ return "pfe-card.json";
+ }
+
+ get templateUrl() {
+ return "pfe-card.html";
+ }
+
+ get styleUrl() {
+ return "pfe-card.scss";
+ }
+
+ get imageSrc() {
+ return this.getAttribute("pfe-img-src");
+ }
+
+ get backgroundColor() {
+ return this.getAttribute("pfe-color") || "base";
+ }
+
+ static get observedAttributes() {
+ return ["pfe-color", "pfe-img-src", "pfe-size"];
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Container;
+ }
+
+ constructor() {
+ super(PfeCard, { type: PfeCard.PfeType });
+ this._observer = new MutationObserver(() => {
+ this._mapSchemaToSlots(this.tag, this.slots);
+ });
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ // Initialize the background image attachment
+ if (this.imageSrc) {
+ this._imgSrcChanged("pfe-img-src", "", this.imageSrc);
+ }
+
+ this._observer.observe(this, { childList: true });
+ }
+
+ disconnectedCallback() {
+ this._observer.disconnect();
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(attr, oldValue, newValue);
+ // Strip the prefix from the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ let observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+
+ _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+
+ // Update the color attribute and contexts
+ _colorChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ // Trigger an update in nested components
+ this.context_update();
+ }
+
+ // Update the background image
+ _imgSrcChanged(attr, oldValue, newValue) {
+ // Set the image as the background image
+ this.style.backgroundImage = newValue ? `url('${newValue}')` : ``;
+ }
+}
+
+PFElement.create(PfeCard);
+
+export default PfeCard;
+//# sourceMappingURL=pfe-card.js.map
diff --git a/elements/pfe-card/dist/pfe-card.js.map b/elements/pfe-card/dist/pfe-card.js.map
new file mode 100644
index 0000000000..f364a9673f
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-card.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n'}static get properties(){return{color:{title:"Background color",type:"string",enum:["lightest","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",observer:"_imgSrcChanged"},size:{title:"Padding size",type:"string",enum:["small"],observer:"_basicAttributeChanged"}}}static get slots(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}}}}static get tag(){return"pfe-card"}get schemaUrl(){return"pfe-card.json"}get templateUrl(){return"pfe-card.html"}get styleUrl(){return"pfe-card.scss"}get imageSrc(){return this.getAttribute("pfe-img-src")}get backgroundColor(){return this.getAttribute("pfe-color")||"base"}static get observedAttributes(){return["pfe-color","pfe-img-src","pfe-size"]}static get PfeType(){return e.PfeTypes.Container}constructor(){super(r,{type:r.PfeType}),this._observer=new MutationObserver(()=>{this._mapSchemaToSlots(this.tag,this.slots)})}connectedCallback(){super.connectedCallback(),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this._observer.disconnect()}attributeChangedCallback(e,r,a){if(super.attributeChangedCallback(e,r,a),this[e=e.replace("pfe-","")]&&this[e].observer){let t=this[this[e].observer].bind(this);"function"==typeof t&&t(e,r,a)}}_basicAttributeChanged(e,r,a){this[e].value=a}_colorChanged(e,r,a){this[e].value=a,this.context_update()}_imgSrcChanged(e,r,a){this.style.backgroundImage=a?`url('${a}')`:""}}e.create(r);export default r;
+//# sourceMappingURL=pfe-card.min.js.map
diff --git a/elements/pfe-card/dist/pfe-card.min.js.map b/elements/pfe-card/dist/pfe-card.min.js.map
new file mode 100644
index 0000000000..8d8821805e
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-card.min.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n
\n
\n \n
\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"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\"}};\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\"];\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 this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n 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"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","x","y","n","k","Math","max","abs","isNaN","PfeCard","PFElement","version","html","properties","color","title","type","enum","default","prefixed","observer","img-src","size","slots","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","tag","schemaUrl","templateUrl","styleUrl","imageSrc","getAttribute","backgroundColor","observedAttributes","PfeType","PfeTypes","Container","[object Object]","super","_observer","MutationObserver","_mapSchemaToSlots","connectedCallback","_imgSrcChanged","observe","childList","disconnect","attr","oldValue","newValue","attributeChangedCallback","replace","bind","context_update","style","backgroundImage","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-card/dist/pfe-card.umd.js b/elements/pfe-card/dist/pfe-card.umd.js
new file mode 100644
index 0000000000..91be6e3e5d
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.umd.js
@@ -0,0 +1,320 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeCard = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL Element.matches
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
+ if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+ }
+
+ // @POLYFILL Element.closest
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+ if (!Element.prototype.closest) {
+ Element.prototype.closest = function (s) {
+ var el = this;
+ do {
+ if (el.matches(s)) return el;
+ el = el.parentElement || el.parentNode;
+ } while (el !== null && el.nodeType === 1);
+ return null;
+ };
+ }
+
+ // @POLYFILL Array.includes
+ // https://tc39.github.io/ecma262/#sec-array.prototype.includes
+ if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, "includes", {
+ value: function value(valueToFind, fromIndex) {
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ // 1. Let O be ? ToObject(this value).
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If len is 0, return false.
+ if (len === 0) {
+ return false;
+ }
+
+ // 4. Let n be ? ToInteger(fromIndex).
+ // (If fromIndex is undefined, this step produces the value 0.)
+ var n = fromIndex | 0;
+
+ // 5. If n ≥ 0, then
+ // a. Let k be n.
+ // 6. Else n < 0,
+ // a. Let k be len + n.
+ // b. If k < 0, let k be 0.
+ var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+
+ function sameValueZero(x, y) {
+ return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y);
+ }
+
+ // 7. Repeat, while k < len
+ while (k < len) {
+ // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+ // b. If SameValueZero(valueToFind, elementK) is true, return true.
+ if (sameValueZero(o[k], valueToFind)) {
+ return true;
+ }
+ // c. Increase k by 1.
+ k++;
+ }
+
+ // 8. Return false
+ return false;
+ }
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeCard 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeCard = function (_PFElement) {
+ inherits(PfeCard, _PFElement);
+ createClass(PfeCard, [{
+ key: "html",
+ get: function get$$1() {
+ return "
\n \n
\n
\n \n
\n";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-card.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-card.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-card.scss";
+ }
+ }, {
+ key: "imageSrc",
+ get: function get$$1() {
+ return this.getAttribute("pfe-img-src");
+ }
+ }, {
+ key: "backgroundColor",
+ get: function get$$1() {
+ return this.getAttribute("pfe-color") || "base";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "color": { "title": "Background color", "type": "string", "enum": ["lightest", "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" } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ 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" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-card";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-color", "pfe-img-src", "pfe-size"];
+ }
+
+ // Declare the type of this component
+
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }]);
+
+ function PfeCard() {
+ classCallCheck(this, PfeCard);
+
+ var _this = possibleConstructorReturn(this, (PfeCard.__proto__ || Object.getPrototypeOf(PfeCard)).call(this, PfeCard, { type: PfeCard.PfeType }));
+
+ _this._observer = new MutationObserver(function () {
+ _this._mapSchemaToSlots(_this.tag, _this.slots);
+ });
+ return _this;
+ }
+
+ createClass(PfeCard, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeCard.prototype.__proto__ || Object.getPrototypeOf(PfeCard.prototype), "connectedCallback", this).call(this);
+
+ // Initialize the background image attachment
+ if (this.imageSrc) {
+ this._imgSrcChanged("pfe-img-src", "", this.imageSrc);
+ }
+
+ this._observer.observe(this, { childList: true });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ get(PfeCard.prototype.__proto__ || Object.getPrototypeOf(PfeCard.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue);
+ // Strip the prefix from the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ var observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+ }, {
+ key: "_basicAttributeChanged",
+ value: function _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+
+ // Update the color attribute and contexts
+
+ }, {
+ key: "_colorChanged",
+ value: function _colorChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ // Trigger an update in nested components
+ this.context_update();
+ }
+
+ // Update the background image
+
+ }, {
+ key: "_imgSrcChanged",
+ value: function _imgSrcChanged(attr, oldValue, newValue) {
+ // Set the image as the background image
+ this.style.backgroundImage = newValue ? "url('" + newValue + "')" : "";
+ }
+ }]);
+ return PfeCard;
+ }(PFElement);
+
+ PFElement.create(PfeCard);
+
+ return PfeCard;
+
+})));
+//# sourceMappingURL=pfe-card.umd.js.map
diff --git a/elements/pfe-card/dist/pfe-card.umd.js.map b/elements/pfe-card/dist/pfe-card.umd.js.map
new file mode 100644
index 0000000000..f9f71a1480
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-card.umd.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n
\n
\n \n
\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"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\"}};\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\"];\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 this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n 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"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","Array","includes","Object","defineProperty","value","valueToFind","fromIndex","TypeError","o","len","length","n","k","Math","max","abs","sameValueZero","x","y","isNaN","PfeCard","getAttribute","PFElement","PfeTypes","Container","type","PfeType","_observer","MutationObserver","_mapSchemaToSlots","tag","slots","imageSrc","_imgSrcChanged","observe","childList","disconnect","attr","oldValue","newValue","replace","observer","bind","context_update","style","backgroundImage","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-card/dist/pfe-card.umd.min.js b/elements/pfe-card/dist/pfe-card.umd.min.js
new file mode 100644
index 0000000000..6a75925f8b
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?module.exports=r(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],r):e.PfeCard=r(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var r=this;do{if(r.matches(e))return r;r=r.parentElement||r.parentNode}while(null!==r&&1===r.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,r){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),a=t.length>>>0;if(0==a)return!1;var o,c,d=0|r,n=Math.max(0<=d?d:a-Math.abs(d),0);for(;n@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-color=accent]),:host([pfe-color=base]),:host([pfe-color=complement]),:host([pfe-color=darker]),:host([pfe-color=darkest]),:host([pfe-color=lightest]){background-color:#fff!important;color:#151515!important}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host{--theme:var(--pfe-card--theme, var(--pfe-theme--color--surface--base--theme, light));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;justify-items:flex-start;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;padding:calc(16px * 2) calc(16px * 2) calc(16px * 2) calc(16px * 2);padding:var(--pfe-card--Padding,var(--pfe-card--PaddingTop,calc(var(--pfe-theme--container-spacer,16px) * 2)) var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2)) var(--pfe-card--PaddingBottom,calc(var(--pfe-theme--container-spacer,16px) * 2)) var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2)));border:0 solid #d2d2d2;border:var(--pfe-card--Border,var(--pfe-card--BorderWidth,0) var(--pfe-card--BorderStyle,solid) var(--pfe-card--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2)));border-radius:3px;border-radius:var(--pfe-card--BorderRadius,var(--pfe-theme--surface--border-radius,3px));overflow:hidden;background-color:#f0f0f0;background-color:var(--pfe-card--BackgroundColor,var(--pfe-theme--color--surface--base,#f0f0f0));background-position:center center;background-position:var(--pfe-card--BackgroundPosition,center center);color:#3c3f42;color:var(--pfe-broadcasted--text,#3c3f42)}@media print{:host{background-color:#fff!important;background-image:none!important;-webkit-box-shadow:none!important;box-shadow:none!important}}@media print{:host{border-radius:3px;border:1px solid #d2d2d2}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important;color:#151515!important;color:var(--pfe-theme--color--text,#151515)!important;background-image:none!important;border-radius:3px;border:1px solid #d2d2d2;padding:16px;padding:var(--pfe-theme--container-spacer,16px)}}:host([pfe-color=darker]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darker, #3c3f42);--pfe-card--theme:var(--pfe-theme--color--surface--darker--theme, dark)}:host([pfe-color=darkest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--darkest, #151515);--pfe-card--theme:var(--pfe-theme--color--surface--darkest--theme, dark)}:host([pfe-color=base]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--base, #f0f0f0);--pfe-card--theme:var(--pfe-theme--color--surface--base--theme, light)}:host([pfe-color=lightest]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-card--theme:var(--pfe-theme--color--surface--lightest--theme, light)}:host([pfe-color=accent]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--accent, #004080);--pfe-card--theme:var(--pfe-theme--color--surface--accent--theme, saturated)}:host([pfe-color=complement]){--pfe-card--BackgroundColor:var(--pfe-theme--color--surface--complement, #002952);--pfe-card--theme:var(--pfe-theme--color--surface--complement--theme, saturated)}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}:host([pfe-size=small]){--pfe-card--PaddingTop:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingRight:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingBottom:var(--pfe-theme--container-spacer, 16px);--pfe-card--PaddingLeft:var(--pfe-theme--container-spacer, 16px)}:host([pfe-border]:not([pfe-border=false])){--pfe-card--BorderWidth:1px}.pfe-card__body ::slotted([pfe-overflow~=top]),.pfe-card__footer ::slotted([pfe-overflow~=top]),.pfe-card__header ::slotted([pfe-overflow~=top]){z-index:1;margin-top:-2rem;margin-top:calc(-1 * calc(16px * 2))!important;margin-top:calc(-1 * var(--pfe-card--PaddingTop,calc(var(--pfe-theme--container-spacer,16px) * 2)))!important}:host([has_header]) .pfe-card__body ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__footer ::slotted([pfe-overflow~=top]),:host([has_header]) .pfe-card__header ::slotted([pfe-overflow~=top]){padding-top:16px;padding-top:var(--pfe-card--spacing,var(--pfe-theme--container-spacer,16px))}.pfe-card__body ::slotted([pfe-overflow~=right]),.pfe-card__footer ::slotted([pfe-overflow~=right]),.pfe-card__header ::slotted([pfe-overflow~=right]){margin-right:-2rem;margin-right:calc(-1 * calc(16px * 2));margin-right:calc(-1 * var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2)))}.pfe-card__body ::slotted([pfe-overflow~=bottom]),.pfe-card__footer ::slotted([pfe-overflow~=bottom]),.pfe-card__header ::slotted([pfe-overflow~=bottom]){margin-bottom:-2rem;margin-bottom:calc(-1 * calc(calc(16px * 2) + 3px));margin-bottom:calc(-1 * calc(var(--pfe-card--PaddingBottom,calc(var(--pfe-theme--container-spacer,16px) * 2)) + var(--pfe-card--BorderRadius,var(--pfe-theme--surface--border-radius,3px))));-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.pfe-card__body ::slotted([pfe-overflow~=left]),.pfe-card__footer ::slotted([pfe-overflow~=left]),.pfe-card__header ::slotted([pfe-overflow~=left]){margin-left:-2rem;margin-left:calc(-1 * calc(16px * 2));margin-left:calc(-1 * var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2)))}.pfe-card__body ::slotted(img),.pfe-card__footer ::slotted(img),.pfe-card__header ::slotted(img){max-width:100%!important;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;-o-object-fit:cover;object-fit:cover}.pfe-card__body ::slotted(img:not[pfe-overflow]),.pfe-card__footer ::slotted(img:not[pfe-overflow]),.pfe-card__header ::slotted(img:not[pfe-overflow]){-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.pfe-card__body ::slotted(img[pfe-overflow~=right]),.pfe-card__footer ::slotted(img[pfe-overflow~=right]),.pfe-card__header ::slotted(img[pfe-overflow~=right]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + calc(16px * 2))!important;max-width:calc(100% + var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2)))!important}.pfe-card__body ::slotted(img[pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=left]){max-width:calc(100% + 2rem)!important;max-width:calc(100% + calc(16px * 2))!important;max-width:calc(100% + var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2)))!important}.pfe-card__body ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__footer ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]),.pfe-card__header ::slotted(img[pfe-overflow~=right][pfe-overflow~=left]){max-width:calc(100% + 4rem)!important;max-width:calc(100% + calc(calc(16px * 2) + calc(16px * 2)))!important;max-width:calc(100% + calc(var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2)) + var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2))))!important}.pfe-card__header{z-index:2;background-color:rgba(0,0,0,.09);background-color:var(--pfe-card__header--BackgroundColor,rgba(0,0,0,var(--pfe-theme--opacity,.09)));color:#3c3f42;color:var(--pfe-card__header--Color,var(--pfe-broadcasted--text,#3c3f42));margin-top:calc(calc(16px * 2) * -1)!important;margin-top:calc(var(--pfe-card--PaddingTop,calc(var(--pfe-theme--container-spacer,16px) * 2)) * -1)!important;margin-right:calc(calc(16px * 2) * -1);margin-right:calc(var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2)) * -1);margin-bottom:16px;margin-bottom:var(--pfe-card--spacing--vertical,var(--pfe-card--spacing,var(--pfe-theme--container-spacer,16px)));margin-left:calc(calc(16px * 2) * -1);margin-left:calc(var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2)) * -1);padding-top:16px;padding-top:var(--pfe-card--spacing--vertical,var(--pfe-card--spacing,var(--pfe-theme--container-spacer,16px)));padding-right:calc(16px * 2);padding-right:var(--pfe-card--PaddingRight,calc(var(--pfe-theme--container-spacer,16px) * 2));padding-left:calc(16px * 2);padding-left:var(--pfe-card--PaddingLeft,calc(var(--pfe-theme--container-spacer,16px) * 2));padding-bottom:16px;padding-bottom:var(--pfe-card--spacing--vertical,var(--pfe-card--spacing,var(--pfe-theme--container-spacer,16px)))}:host([on=dark]) .pfe-card__header{background-color:rgba(255,255,255,.09);background-color:var(--pfe-card__header--BackgroundColor--dark,rgba(255,255,255,var(--pfe-theme--opacity,.09)))}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){.pfe-card__header{background-color:#fff!important;color:#151515!important;color:var(--pfe-theme--color--text,#151515)!important}}:host(:not([has_body]):not([has_footer])) .pfe-card__header{margin-bottom:calc(16px * 2);margin-bottom:var(--pfe-card--PaddingBottom,calc(var(--pfe-theme--container-spacer,16px) * 2))}.pfe-card__header ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop, calc(var(--pfe-theme--container-spacer, 16px) * 2)) * -1)}:host(:not([has_header])) .pfe-card__header{display:none}:host([has_body],[has_footer]) .pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical, var(--pfe-card--spacing, var(--pfe-theme--container-spacer, 16px))) * -1)}.pfe-card__header ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom, calc(var(--pfe-theme--container-spacer, 16px) * 2)) * -1)}.pfe-card__header ::slotted(h1){margin-bottom:0}.pfe-card__header ::slotted(h2){margin-bottom:0}.pfe-card__header ::slotted(h3){margin-bottom:0}.pfe-card__header ::slotted(h4){margin-bottom:0}.pfe-card__header ::slotted(h5){margin-bottom:0}.pfe-card__header ::slotted(h6){margin-bottom:0}:host(:not([has_header])) .pfe-card__body ::slotted([pfe-overflow~=top]){--pfe-card__overflow--MarginTop:calc(var(--pfe-card--PaddingTop, calc(var(--pfe-theme--container-spacer, 16px) * 2)) * -1)}.pfe-card__body ::slotted([pfe-overflow~=top]){z-index:1;--pfe-card__overflow--MarginTop:calc(var(--pfe-card--spacing--vertical, var(--pfe-card--spacing, var(--pfe-theme--container-spacer, 16px))) * -1)}.pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom, calc(var(--pfe-theme--container-spacer, 16px) * 2)) * -1)}:host([has_footer]) .pfe-card__body ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--spacing--vertical, var(--pfe-card--spacing, var(--pfe-theme--container-spacer, 16px))) * -1)}:host(:not([has_footer])) .pfe-card__body{margin-bottom:0}.pfe-card__footer{margin-top:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-card__footer--Row,row);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-wrap:var(--pfe-card__footer--Wrap,wrap);-ms-flex-wrap:var(--pfe-card__footer--Wrap,wrap);flex-wrap:var(--pfe-card__footer--Wrap,wrap);-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-align:var(--pfe-card__footer--AlignItems,baseline);-webkit-align-items:var(--pfe-card__footer--AlignItems,baseline);-ms-flex-align:var(--pfe-card__footer--AlignItems,baseline);align-items:var(--pfe-card__footer--AlignItems,baseline)}.pfe-card__footer ::slotted([pfe-overflow~=bottom]){--pfe-card__overflow--MarginBottom:calc(var(--pfe-card--PaddingBottom, calc(var(--pfe-theme--container-spacer, 16px) * 2)) * -1)}:host(:not([has_footer])) .pfe-card__footer{display:none}.pfe-card__body,.pfe-card__header{margin-bottom:16px;margin-bottom:var(--pfe-card--spacing--vertical,var(--pfe-card--spacing,var(--pfe-theme--container-spacer,16px)))}.pfe-card__body ::slotted(p:first-child),.pfe-card__header ::slotted(p:first-child){margin-top:0}.pfe-card__body ::slotted(h1:first-child),.pfe-card__header ::slotted(h1:first-child){margin-top:0}.pfe-card__body ::slotted(h2:first-child),.pfe-card__header ::slotted(h2:first-child){margin-top:0}.pfe-card__body ::slotted(h3:first-child),.pfe-card__header ::slotted(h3:first-child){margin-top:0}.pfe-card__body ::slotted(h4:first-child),.pfe-card__header ::slotted(h4:first-child){margin-top:0}.pfe-card__body ::slotted(h5:first-child),.pfe-card__header ::slotted(h5:first-child){margin-top:0}.pfe-card__body ::slotted(h6:first-child),.pfe-card__header ::slotted(h6:first-child){margin-top:0}\n/*# sourceMappingURL=pfe-card.min.css.map */\n
\n \n
\n
\n \n
\n'}},{key:"schemaUrl",get:function(){return"pfe-card.json"}},{key:"templateUrl",get:function(){return"pfe-card.html"}},{key:"styleUrl",get:function(){return"pfe-card.scss"}},{key:"imageSrc",get:function(){return this.getAttribute("pfe-img-src")}},{key:"backgroundColor",get:function(){return this.getAttribute("pfe-color")||"base"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{color:{title:"Background color",type:"string",enum:["lightest","base","darker","darkest","complement","accent"],default:"base",prefixed:!0,observer:"_colorChanged"},"img-src":{title:"Background image",type:"string",observer:"_imgSrcChanged"},size:{title:"Padding size",type:"string",enum:["small"],observer:"_basicAttributeChanged"}}}},{key:"slots",get:function(){return{header:{title:"Header",type:"array",namedSlot:!0,maxItems:3,items:{title:"Body item",oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-card"},{$ref:"raw"}]}},footer:{title:"Footer",type:"array",namedSlot:!0,maxItems:3,items:{oneOf:[{$ref:"pfe-cta"},{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-card"}},{key:"observedAttributes",get:function(){return["pfe-color","pfe-img-src","pfe-size"]}},{key:"PfeType",get:function(){return e.PfeTypes.Container}}]),r(o,[{key:"connectedCallback",value:function(){d(o.prototype.__proto__||Object.getPrototypeOf(o.prototype),"connectedCallback",this).call(this),this.imageSrc&&this._imgSrcChanged("pfe-img-src","",this.imageSrc),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,r,t){if(d(o.prototype.__proto__||Object.getPrototypeOf(o.prototype),"attributeChangedCallback",this).call(this,e,r,t),this[e=e.replace("pfe-","")]&&this[e].observer){var a=this[this[e].observer].bind(this);"function"==typeof a&&a(e,r,t)}}},{key:"_basicAttributeChanged",value:function(e,r,t){this[e].value=t}},{key:"_colorChanged",value:function(e,r,t){this[e].value=t,this.context_update()}},{key:"_imgSrcChanged",value:function(e,r,t){this.style.backgroundImage=t?"url('"+t+"')":""}}]),o);function o(){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,o);var e=function(e,r){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!r||"object"!=typeof r&&"function"!=typeof r?e:r}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this,o,{type:o.PfeType}));return e._observer=new MutationObserver(function(){e._mapSchemaToSlots(e.tag,e.slots)}),e}return e.create(t),t});
+//# sourceMappingURL=pfe-card.umd.min.js.map
diff --git a/elements/pfe-card/dist/pfe-card.umd.min.js.map b/elements/pfe-card/dist/pfe-card.umd.min.js.map
new file mode 100644
index 0000000000..95a7568843
--- /dev/null
+++ b/elements/pfe-card/dist/pfe-card.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-card.umd.min.js","sources":["../_temp/polyfills--pfe-card.js","../_temp/pfe-card.umd.js"],"sourcesContent":["// @POLYFILL Element.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.includes\n// https://tc39.github.io/ecma262/#sec-array.prototype.includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(valueToFind, fromIndex) {\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n // 1. Let O be ? ToObject(this value).\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(valueToFind, elementK) is true, return true.\n if (sameValueZero(o[k], valueToFind)) {\n return true;\n }\n // c. Increase k by 1.\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeCard 1.0.0-prerelease.54\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\n// Import polyfills: matches, closest, includes\nimport \"./polyfills--pfe-card.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeCard extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n
\n
\n \n
\n`;\n }\n\n static get properties() {\n return {\"color\":{\"title\":\"Background color\",\"type\":\"string\",\"enum\":[\"lightest\",\"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\"}};\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\"];\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 this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n // Initialize the background image attachment\n if (this.imageSrc) {\n this._imgSrcChanged(\"pfe-img-src\", \"\", this.imageSrc);\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n 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"],"names":["Element","prototype","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","this","parentElement","parentNode","nodeType","Array","includes","defineProperty","valueToFind","fromIndex","TypeError","o","Object","len","length","x","y","n","k","Math","max","abs","isNaN","PfeCard","PFElement","getAttribute","color","title","type","enum","default","prefixed","observer","img-src","size","header","namedSlot","maxItems","items","oneOf","$ref","body","footer","PfeTypes","Container","imageSrc","_imgSrcChanged","_observer","observe","childList","disconnect","attr","oldValue","newValue","replace","bind","value","context_update","style","backgroundImage","PfeType","MutationObserver","_mapSchemaToSlots","_this","tag","slots","create"],"mappings":"gUAEKA,QAAQC,UAAUC,kBACbD,UAAUC,QAChBF,QAAQC,UAAUE,mBAClBH,QAAQC,UAAUG,uBAKjBJ,QAAQC,UAAUI,kBACbJ,UAAUI,QAAU,SAASC,OAC/BC,EAAKC,OACN,IACGD,EAAGL,QAAQI,GAAI,OAAOC,IACrBA,EAAGE,eAAiBF,EAAGG,iBACd,OAAPH,GAA+B,IAAhBA,EAAGI,iBACpB,OAMNC,MAAMX,UAAUY,iBACZC,eAAeF,MAAMX,UAAW,WAAY,OAC1C,SAASc,EAAaC,MACf,MAARR,WACI,IAAIS,UAAU,qCAIlBC,EAAIC,OAAOX,MAGXY,EAAMF,EAAEG,SAAW,KAGX,GAARD,SACK,MAccE,EAAGC,EATtBC,EAAgB,EAAZR,EAOJS,EAAIC,KAAKC,IAAS,GAALH,EAASA,EAAIJ,EAAMM,KAAKE,IAAIJ,GAAI,QAa1CC,EAAIL,GAAK,KAXOE,EAcHJ,EAAEO,OAdIF,EAcAR,IAXR,iBAANO,GACO,iBAANC,GACPM,MAAMP,IACNO,MAAMN,UASD,aAOJ,seC5CPO,+TAAgBC,i3eA+BX,0DAIA,uDAIA,wDAIAvB,KAAKwB,aAAa,8DAIlBxB,KAAKwB,aAAa,cAAgB,+CA7ClC,+DAkBA,CAACC,MAAQ,CAACC,MAAQ,mBAAmBC,KAAO,SAASC,KAAO,CAAC,WAAW,OAAO,SAAS,UAAU,aAAa,UAAUC,QAAU,OAAOC,UAAW,EAAKC,SAAW,iBAAiBC,UAAU,CAACN,MAAQ,mBAAmBC,KAAO,SAASI,SAAW,kBAAkBE,KAAO,CAACP,MAAQ,eAAeC,KAAO,SAASC,KAAO,CAAC,SAASG,SAAW,+DAIpV,CAACG,OAAS,CAACR,MAAQ,SAASC,KAAO,QAAQQ,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACX,MAAQ,YAAYY,MAAQ,CAAC,CAACC,KAAO,UAAUC,KAAO,CAACd,MAAQ,OAAOC,KAAO,QAAQQ,WAAY,EAAME,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,YAAY,CAACA,KAAO,UAAUE,OAAS,CAACf,MAAQ,SAASC,KAAO,QAAQQ,WAAY,EAAKC,SAAW,EAAEC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAAW,CAACA,KAAO,6CAGtW,4DAwBA,CAAC,YAAa,cAAe,mDAK7BhB,EAAUmB,SAASC,8JActB3C,KAAK4C,eACFC,eAAe,cAAe,GAAI7C,KAAK4C,eAGzCE,UAAUC,QAAQ/C,KAAM,CAAEgD,WAAW,wDAIrCF,UAAUG,8DAGQC,EAAMC,EAAUC,6GACRF,EAAMC,EAAUC,GAI3CpD,OAFGkD,EAAKG,QAAQ,OAAQ,MAEVrD,KAAKkD,GAAMnB,SAAU,KAEjCA,EAAW/B,KAAKA,KAAKkD,GAAMnB,UAAUuB,KAAKtD,MAEtB,mBAAb+B,GAAyBA,EAASmB,EAAMC,EAAUC,mDAI1CF,EAAMC,EAAUC,QAChCF,GAAMK,MAAQH,wCAIPF,EAAMC,EAAUC,QACvBF,GAAMK,MAAQH,OAEdI,wDAIQN,EAAMC,EAAUC,QAExBK,MAAMC,gBAAkBN,UAAmBA,mWAhD1C9B,EAAS,CAAEK,KAAML,EAAQqC,oBAC1Bb,UAAY,IAAIc,iBAAiB,aAC/BC,kBAAkBC,EAAKC,IAAKD,EAAKE,kBAkD5CzC,EAAU0C,OAAO3C"}
\ No newline at end of file
diff --git a/elements/pfe-card/package-lock.json b/elements/pfe-card/package-lock.json
index 05cf053437..af08b49ecb 100644
--- a/elements/pfe-card/package-lock.json
+++ b/elements/pfe-card/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-card",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-card/package.json b/elements/pfe-card/package.json
index df46ad1f1b..8446331e23 100644
--- a/elements/pfe-card/package.json
+++ b/elements/pfe-card/package.json
@@ -4,7 +4,7 @@
"className": "PfeCard",
"elementName": "pfe-card"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
@@ -49,7 +49,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "0.5.0",
"bugs": {
diff --git a/elements/pfe-collapse/dist/pfe-collapse.js b/elements/pfe-collapse/dist/pfe-collapse.js
new file mode 100644
index 0000000000..f25595085e
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.js
@@ -0,0 +1,492 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+function generateId() {
+ return Math.random()
+ .toString(36)
+ .substr(2, 9);
+}
+
+class PfeCollapseToggle extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.53";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {};
+ }
+
+ static get slots() {
+ return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}};
+ }
+ static get tag() {
+ return "pfe-collapse-toggle";
+ }
+
+ get templateUrl() {
+ return "pfe-collapse-toggle.html";
+ }
+
+ get styleUrl() {
+ return "pfe-collapse-toggle.scss";
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ get expanded() {
+ return this.getAttribute("aria-expanded") === "true";
+ }
+
+ set expanded(val) {
+ const value = Boolean(val);
+ this.setAttribute("aria-expanded", value);
+ }
+
+ static get observedAttributes() {
+ return ["aria-controls"];
+ }
+
+ constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {
+ super(pfeClass || PfeCollapseToggle);
+
+ this.controlledPanel = false;
+ this._setTabIndex = setTabIndex;
+ this._addKeydownHandler = addKeydownHandler;
+
+ this.addEventListener("click", this._clickHandler);
+
+ if (addKeydownHandler) {
+ this.addEventListener("keydown", this._keydownHandler);
+ }
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.expanded = false;
+
+ // if (this.id && this.id !== "") {
+ if (this.id) {
+ this.pfeId = this.id;
+ }
+
+ const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;
+
+ if (!this.id) {
+ this.id = generatedId;
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = generatedId;
+ }
+
+ this.setAttribute("role", "button");
+
+ if (this._setTabIndex) {
+ this.setAttribute("tabindex", 0);
+ }
+
+ if (!this.controlledPanel) {
+ this._connectPanel(this.getAttribute("aria-controls"));
+ }
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener("click", this._clickHandler);
+
+ if (this._addKeydownHandler) {
+ this.removeEventListener("keydown", this._keydownHandler);
+ }
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback(attr, oldVal, newVal);
+
+ if (!newVal) {
+ return;
+ }
+
+ this._connectPanel(newVal);
+ }
+
+ toggle() {
+ if (this.hasAttribute("disabled")) {
+ return;
+ }
+
+ this.expanded = !this.expanded;
+
+ // one last try to hook up a panel
+ if (!this.controlledPanel) {
+ this._connectPanel(this.getAttribute("aria-controls"));
+ }
+
+ if (this.controlledPanel) {
+ this.controlledPanel.expanded = this.expanded;
+
+ this.emitEvent(PfeCollapse.events.change, {
+ detail: {
+ expanded: this.expanded,
+ toggle: this,
+ panel: this.controlledPanel
+ }
+ });
+ } else {
+ console.warn(
+ `${this.tag}: This toggle doesn't have a panel associated with it`
+ );
+ }
+ }
+
+ _clickHandler() {
+ this.toggle();
+ }
+
+ _keydownHandler(event) {
+ const key = event.key;
+
+ switch (key) {
+ case " ":
+ case "Spacebar":
+ case "Enter":
+ this.toggle();
+ break;
+ }
+ }
+
+ _connectPanel(id) {
+ // this can be an issue if the pfe-collapse is located within
+ // a shadow root
+ if (this.getRootNode) {
+ this.controlledPanel = this.getRootNode().querySelector(`#${id}`);
+ } else {
+ this.controlledPanel = document.querySelector(`#${id}`);
+ }
+ }
+}
+
+class PfeCollapsePanel extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.53";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {};
+ }
+
+ static get slots() {
+ return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}};
+ }
+ static get tag() {
+ return "pfe-collapse-panel";
+ }
+
+ static get events() {
+ return {
+ animationStart: `${this.tag}:animation-start`,
+ animationEnd: `${this.tag}:animation-end`
+ };
+ }
+
+ get templateUrl() {
+ return "pfe-collapse-panel.html";
+ }
+
+ get styleUrl() {
+ return "pfe-collapse-panel.scss";
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ get animates() {
+ return this.getAttribute("pfe-animation") === "false" ? false : true;
+ }
+
+ get expanded() {
+ return this.hasAttribute("pfe-expanded");
+ }
+
+ set expanded(val) {
+ const value = Boolean(val);
+
+ if (value) {
+ this.setAttribute("pfe-expanded", "");
+
+ if (this.animates) {
+ const height = this.getBoundingClientRect().height;
+ this._fireAnimationEvent("opening");
+ this._animate(0, height);
+ }
+ } else {
+ if (this.hasAttribute("pfe-expanded")) {
+ const height = this.getBoundingClientRect().height;
+ this.removeAttribute("pfe-expanded");
+
+ if (this.animates) {
+ this._fireAnimationEvent("closing");
+ this._animate(height, 0);
+ }
+ }
+ }
+ }
+
+ constructor(pfeClass) {
+ super(pfeClass || PfeCollapsePanel);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.expanded = false;
+
+ // if (this.id && this.id !== "") {
+ if (this.id) {
+ this.pfeId = this.id;
+ }
+
+ const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;
+
+ if (!this.id) {
+ this.id = generatedId;
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = generatedId;
+ }
+ }
+
+ _animate(start, end) {
+ this.classList.add("animating");
+ this.style.height = `${start}px`;
+
+ requestAnimationFrame(() => {
+ requestAnimationFrame(() => {
+ this.style.height = `${end}px`;
+ this.classList.add("animating");
+ this.addEventListener("transitionend", this._transitionEndHandler);
+ });
+ });
+ }
+
+ _transitionEndHandler(event) {
+ event.target.style.height = "";
+ event.target.classList.remove("animating");
+ event.target.removeEventListener(
+ "transitionend",
+ this._transitionEndHandler
+ );
+
+ this.emitEvent(PfeCollapsePanel.events.animationEnd, {
+ detail: {
+ expanded: this.expanded,
+ panel: this
+ }
+ });
+ }
+
+ _fireAnimationEvent(state) {
+ this.emitEvent(PfeCollapsePanel.events.animationStart, {
+ detail: {
+ state: state,
+ panel: this
+ }
+ });
+ }
+}
+
+class PfeCollapse extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.53";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {};
+ }
+
+ static get slots() {
+ return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"pfe-collapsibe-toggle"},{"$ref":"pfe-collapse-panel"}]}}};
+ }
+ static get tag() {
+ return "pfe-collapse";
+ }
+
+ get templateUrl() {
+ return "pfe-collapse.html";
+ }
+
+ get styleUrl() {
+ return "pfe-collapse.scss";
+ }
+
+ get schemaUrl() {
+ return "pfe-collapse.json";
+ }
+
+ get animates() {
+ return this.getAttribute("pfe-animation") === "false" ? false : true;
+ }
+
+ static get observedAttributes() {
+ return ["pfe-animation"];
+ }
+
+ static get events() {
+ return {
+ change: `${this.tag}:change`
+ };
+ }
+
+ constructor(pfeClass) {
+ super(pfeClass || PfeCollapse);
+
+ this._toggle = null;
+ this._panel = null;
+ this._linkControls = this._linkControls.bind(this);
+ this._changeHandler = this._changeHandler.bind(this);
+ this._observer = new MutationObserver(this._linkControls);
+
+ this.addEventListener(PfeCollapse.events.change, this._changeHandler);
+ this.addEventListener(
+ PfeCollapse.events.animationStart,
+ this._animationStartHandler
+ );
+ this.addEventListener(
+ PfeCollapse.events.animationEnd,
+ this._animationEndHandler
+ );
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ Promise.all([
+ customElements.whenDefined(PfeCollapsePanel.tag),
+ customElements.whenDefined(PfeCollapseToggle.tag)
+ ]).then(() => {
+ if (this.children.length) {
+ this._linkControls();
+ }
+
+ this._observer.observe(this, { childList: true });
+ });
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener(PfeCollapse.events.change, this._changeHandler);
+ this.removeEventListener(
+ PfeCollapse.events.animationStart,
+ this._animationStartHandler
+ );
+ this.removeEventListener(
+ PfeCollapse.events.animationEnd,
+ this._animationEndHandler
+ );
+ this._observer.disconnect();
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback(attr, oldVal, newVal);
+
+ if (!newVal) {
+ return;
+ }
+
+ if (newVal !== "false" && newVal !== "true") {
+ return;
+ }
+
+ if (this._panel) {
+ this._panel.setAttribute("pfe-animation", newVal);
+ }
+ }
+
+ toggle() {
+ this._toggle.toggle();
+ }
+
+ _linkControls() {
+ this._toggle = this.querySelector(PfeCollapseToggle.tag);
+ this._panel = this.querySelector(PfeCollapsePanel.tag);
+
+ this._toggle.setAttribute("aria-controls", this._panel.pfeId);
+ }
+
+ _animationStartHandler() {
+ this.classList.add("animating");
+ }
+
+ _animationEndHandler() {
+ this.classList.remove("animating");
+ }
+
+ _changeHandler(event) {}
+}
+
+PFElement.create(PfeCollapse);
+PFElement.create(PfeCollapseToggle);
+PFElement.create(PfeCollapsePanel);
+
+export { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };
+//# sourceMappingURL=pfe-collapse.js.map
diff --git a/elements/pfe-collapse/dist/pfe-collapse.js.map b/elements/pfe-collapse/dist/pfe-collapse.js.map
new file mode 100644
index 0000000000..4795cb1e9e
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-collapse.js","sources":["../_temp/pfe-collapse.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53\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/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,SAAS,UAAU,GAAG;EACpB,OAAO,IAAI,CAAC,MAAM,EAAE;KACjB,QAAQ,CAAC,EAAE,CAAC;KACZ,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;CACjB;;AAED,MAAM,iBAAiB,SAAS,SAAS,CAAC;EACxC,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,EAAE,CAAC;GACX;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5J;EACD,WAAW,GAAG,GAAG;IACf,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,0BAA0B,CAAC;GACnC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,0BAA0B,CAAC;GACnC;;EAED,IAAI,KAAK,GAAG;IACV,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;GACpC;;EAED,IAAI,KAAK,CAAC,EAAE,EAAE;IACZ,IAAI,CAAC,EAAE,EAAE;MACP,OAAO;KACR;;IAED,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;GACjC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,CAAC;GACtD;;EAED,IAAI,QAAQ,CAAC,GAAG,EAAE;IAChB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;GAC3C;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAC;GAC1B;;EAED,WAAW,CAAC,QAAQ,EAAE,EAAE,WAAW,GAAG,IAAI,EAAE,iBAAiB,GAAG,IAAI,EAAE,GAAG,EAAE,EAAE;IAC3E,KAAK,CAAC,QAAQ,IAAI,iBAAiB,CAAC,CAAC;;IAErC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC7B,IAAI,CAAC,YAAY,GAAG,WAAW,CAAC;IAChC,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC;;IAE5C,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;;IAEnD,IAAI,iBAAiB,EAAE;MACrB,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KACxD;GACF;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;;IAE1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;IAGtB,IAAI,IAAI,CAAC,EAAE,EAAE;MACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;KACtB;;IAED,MAAM,WAAW,GAAG,CAAC,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;;IAE/D,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;MACZ,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC;KACvB;;IAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACf,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;KAC1B;;IAED,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;;IAEpC,IAAI,IAAI,CAAC,YAAY,EAAE;MACrB,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;KAClC;;IAED,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;MACzB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;KACxD;GACF;;EAED,oBAAoB,GAAG;IACrB,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;;IAEtD,IAAI,IAAI,CAAC,kBAAkB,EAAE;MAC3B,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;KAC3D;GACF;;EAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;IAC7C,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;;IAErD,IAAI,CAAC,MAAM,EAAE;MACX,OAAO;KACR;;IAED,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;GAC5B;;EAED,MAAM,GAAG;IACP,IAAI,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;MACjC,OAAO;KACR;;IAED,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;;;IAG/B,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;MACzB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC;KACxD;;IAED,IAAI,IAAI,CAAC,eAAe,EAAE;MACxB,IAAI,CAAC,eAAe,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;;MAE9C,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE;QACxC,MAAM,EAAE;UACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;UACvB,MAAM,EAAE,IAAI;UACZ,KAAK,EAAE,IAAI,CAAC,eAAe;SAC5B;OACF,CAAC,CAAC;KACJ,MAAM;MACL,OAAO,CAAC,IAAI;QACV,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,qDAAqD,CAAC;OACnE,CAAC;KACH;GACF;;EAED,aAAa,GAAG;IACd,IAAI,CAAC,MAAM,EAAE,CAAC;GACf;;EAED,eAAe,CAAC,KAAK,EAAE;IACrB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;;IAEtB,QAAQ,GAAG;MACT,KAAK,GAAG,CAAC;MACT,KAAK,UAAU,CAAC;MAChB,KAAK,OAAO;QACV,IAAI,CAAC,MAAM,EAAE,CAAC;QACd,MAAM;KACT;GACF;;EAED,aAAa,CAAC,EAAE,EAAE;;;IAGhB,IAAI,IAAI,CAAC,WAAW,EAAE;MACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;KACnE,MAAM;MACL,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;KACzD;GACF;CACF;;AAED,MAAM,gBAAgB,SAAS,SAAS,CAAC;EACvC,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,EAAE,CAAC;GACX;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5J;EACD,WAAW,GAAG,GAAG;IACf,OAAO,oBAAoB,CAAC;GAC7B;;EAED,WAAW,MAAM,GAAG;IAClB,OAAO;MACL,cAAc,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC;MAC7C,YAAY,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC;KAC1C,CAAC;GACH;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,yBAAyB,CAAC;GAClC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,yBAAyB,CAAC;GAClC;;EAED,IAAI,KAAK,GAAG;IACV,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;GACpC;;EAED,IAAI,KAAK,CAAC,EAAE,EAAE;IACZ,IAAI,CAAC,EAAE,EAAE;MACP,OAAO;KACR;;IAED,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;GACjC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;GACtE;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;GAC1C;;EAED,IAAI,QAAQ,CAAC,GAAG,EAAE;IAChB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;;IAE3B,IAAI,KAAK,EAAE;MACT,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC;;MAEtC,IAAI,IAAI,CAAC,QAAQ,EAAE;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;OAC1B;KACF,MAAM;MACL,IAAI,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE;QACrC,MAAM,MAAM,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QACnD,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,CAAC;;QAErC,IAAI,IAAI,CAAC,QAAQ,EAAE;UACjB,IAAI,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC;UACpC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;SAC1B;OACF;KACF;GACF;;EAED,WAAW,CAAC,QAAQ,EAAE;IACpB,KAAK,CAAC,QAAQ,IAAI,gBAAgB,CAAC,CAAC;GACrC;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;;IAE1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;IAGtB,IAAI,IAAI,CAAC,EAAE,EAAE;MACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC;KACtB;;IAED,MAAM,WAAW,GAAG,CAAC,EAAE,gBAAgB,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC;;IAE9D,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE;MACZ,IAAI,CAAC,EAAE,GAAG,WAAW,CAAC;KACvB;;IAED,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MACf,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;KAC1B;GACF;;EAED,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;IACnB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;;IAEjC,qBAAqB,CAAC,MAAM;MAC1B,qBAAqB,CAAC,MAAM;QAC1B,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAChC,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;OACpE,CAAC,CAAC;KACJ,CAAC,CAAC;GACJ;;EAED,qBAAqB,CAAC,KAAK,EAAE;IAC3B,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC;IAC/B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC3C,KAAK,CAAC,MAAM,CAAC,mBAAmB;MAC9B,eAAe;MACf,IAAI,CAAC,qBAAqB;KAC3B,CAAC;;IAEF,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAAY,EAAE;MACnD,MAAM,EAAE;QACN,QAAQ,EAAE,IAAI,CAAC,QAAQ;QACvB,KAAK,EAAE,IAAI;OACZ;KACF,CAAC,CAAC;GACJ;;EAED,mBAAmB,CAAC,KAAK,EAAE;IACzB,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,MAAM,CAAC,cAAc,EAAE;MACrD,MAAM,EAAE;QACN,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI;OACZ;KACF,CAAC,CAAC;GACJ;CACF;;AAED,MAAM,WAAW,SAAS,SAAS,CAAC;EAClC,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,EAAE,CAAC;GACX;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5J;EACD,WAAW,GAAG,GAAG;IACf,OAAO,cAAc,CAAC;GACvB;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,mBAAmB,CAAC;GAC5B;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,mBAAmB,CAAC;GAC5B;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,mBAAmB,CAAC;GAC5B;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,GAAG,KAAK,GAAG,IAAI,CAAC;GACtE;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,eAAe,CAAC,CAAC;GAC1B;;EAED,WAAW,MAAM,GAAG;IAClB,OAAO;MACL,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;KAC7B,CAAC;GACH;;EAED,WAAW,CAAC,QAAQ,EAAE;IACpB,KAAK,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC;;IAE/B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACnB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnD,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrD,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;;IAE1D,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACtE,IAAI,CAAC,gBAAgB;MACnB,WAAW,CAAC,MAAM,CAAC,cAAc;MACjC,IAAI,CAAC,sBAAsB;KAC5B,CAAC;IACF,IAAI,CAAC,gBAAgB;MACnB,WAAW,CAAC,MAAM,CAAC,YAAY;MAC/B,IAAI,CAAC,oBAAoB;KAC1B,CAAC;GACH;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;;IAE1B,OAAO,CAAC,GAAG,CAAC;MACV,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC;MAChD,cAAc,CAAC,WAAW,CAAC,iBAAiB,CAAC,GAAG,CAAC;KAClD,CAAC,CAAC,IAAI,CAAC,MAAM;MACZ,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;QACxB,IAAI,CAAC,aAAa,EAAE,CAAC;OACtB;;MAED,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;KACnD,CAAC,CAAC;GACJ;;EAED,oBAAoB,GAAG;IACrB,IAAI,CAAC,mBAAmB,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IACzE,IAAI,CAAC,mBAAmB;MACtB,WAAW,CAAC,MAAM,CAAC,cAAc;MACjC,IAAI,CAAC,sBAAsB;KAC5B,CAAC;IACF,IAAI,CAAC,mBAAmB;MACtB,WAAW,CAAC,MAAM,CAAC,YAAY;MAC/B,IAAI,CAAC,oBAAoB;KAC1B,CAAC;IACF,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC;GAC7B;;EAED,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE;IAC7C,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;;IAErD,IAAI,CAAC,MAAM,EAAE;MACX,OAAO;KACR;;IAED,IAAI,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,EAAE;MAC3C,OAAO;KACR;;IAED,IAAI,IAAI,CAAC,MAAM,EAAE;MACf,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;KACnD;GACF;;EAED,MAAM,GAAG;IACP,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;GACvB;;EAED,aAAa,GAAG;IACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC;IACzD,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;;IAEvD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;GAC/D;;EAED,sBAAsB,GAAG;IACvB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;GACjC;;EAED,oBAAoB,GAAG;IACrB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;GACpC;;EAED,cAAc,CAAC,KAAK,EAAE,EAAE;CACzB;;AAED,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AAC9B,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;AACpC,SAAS,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-collapse/dist/pfe-collapse.json b/elements/pfe-collapse/dist/pfe-collapse.json
new file mode 100644
index 0000000000..6813b28d1e
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.json
@@ -0,0 +1,35 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Collapse",
+ "description": "Collapse element",
+ "type": "object",
+ "tag": "pfe-collapse",
+ "class": "pfe-collapse",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "default": {
+ "title": "Default",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "pfe-collapsibe-toggle"
+ },
+ {
+ "$ref": "pfe-collapse-panel"
+ }
+ ]
+ }
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-collapse/dist/pfe-collapse.min.js b/elements/pfe-collapse/dist/pfe-collapse.min.js
new file mode 100644
index 0000000000..c600828813
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.min.js
@@ -0,0 +1,26 @@
+import t from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/function e(){return Math.random().toString(36).substr(2,9)}class n extends t{static get version(){return"1.0.0-prerelease.53"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse-toggle"}get templateUrl(){return"pfe-collapse-toggle.html"}get styleUrl(){return"pfe-collapse-toggle.scss"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(t){t&&this.setAttribute("pfe-id",t)}get expanded(){return"true"===this.getAttribute("aria-expanded")}set expanded(t){const e=Boolean(t);this.setAttribute("aria-expanded",e)}static get observedAttributes(){return["aria-controls"]}constructor(t,{setTabIndex:e=!0,addKeydownHandler:i=!0}={}){super(t||n),this.controlledPanel=!1,this._setTabIndex=e,this._addKeydownHandler=i,this.addEventListener("click",this._clickHandler),i&&this.addEventListener("keydown",this._keydownHandler)}connectedCallback(){super.connectedCallback(),this.expanded=!1,this.id&&(this.pfeId=this.id);const t=`${n.tag}-${e()}`;this.id||(this.id=t),this.pfeId||(this.pfeId=t),this.setAttribute("role","button"),this._setTabIndex&&this.setAttribute("tabindex",0),this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls"))}disconnectedCallback(){this.removeEventListener("click",this._clickHandler),this._addKeydownHandler&&this.removeEventListener("keydown",this._keydownHandler)}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),n&&this._connectPanel(n)}toggle(){this.hasAttribute("disabled")||(this.expanded=!this.expanded,this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls")),this.controlledPanel?(this.controlledPanel.expanded=this.expanded,this.emitEvent(s.events.change,{detail:{expanded:this.expanded,toggle:this,panel:this.controlledPanel}})):console.warn(`${this.tag}: This toggle doesn't have a panel associated with it`))}_clickHandler(){this.toggle()}_keydownHandler(t){switch(t.key){case" ":case"Spacebar":case"Enter":this.toggle()}}_connectPanel(t){this.getRootNode?this.controlledPanel=this.getRootNode().querySelector(`#${t}`):this.controlledPanel=document.querySelector(`#${t}`)}}class i extends t{static get version(){return"1.0.0-prerelease.53"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse-panel"}static get events(){return{animationStart:`${this.tag}:animation-start`,animationEnd:`${this.tag}:animation-end`}}get templateUrl(){return"pfe-collapse-panel.html"}get styleUrl(){return"pfe-collapse-panel.scss"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(t){t&&this.setAttribute("pfe-id",t)}get animates(){return"false"!==this.getAttribute("pfe-animation")}get expanded(){return this.hasAttribute("pfe-expanded")}set expanded(t){if(Boolean(t)){if(this.setAttribute("pfe-expanded",""),this.animates){const t=this.getBoundingClientRect().height;this._fireAnimationEvent("opening"),this._animate(0,t)}}else if(this.hasAttribute("pfe-expanded")){const t=this.getBoundingClientRect().height;this.removeAttribute("pfe-expanded"),this.animates&&(this._fireAnimationEvent("closing"),this._animate(t,0))}}constructor(t){super(t||i)}connectedCallback(){super.connectedCallback(),this.expanded=!1,this.id&&(this.pfeId=this.id);const t=`${i.tag}-${e()}`;this.id||(this.id=t),this.pfeId||(this.pfeId=t)}_animate(t,e){this.classList.add("animating"),this.style.height=`${t}px`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.style.height=`${e}px`,this.classList.add("animating"),this.addEventListener("transitionend",this._transitionEndHandler)})})}_transitionEndHandler(t){t.target.style.height="",t.target.classList.remove("animating"),t.target.removeEventListener("transitionend",this._transitionEndHandler),this.emitEvent(i.events.animationEnd,{detail:{expanded:this.expanded,panel:this}})}_fireAnimationEvent(t){this.emitEvent(i.events.animationStart,{detail:{state:t,panel:this}})}}class s extends t{static get version(){return"1.0.0-prerelease.53"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}static get tag(){return"pfe-collapse"}get templateUrl(){return"pfe-collapse.html"}get styleUrl(){return"pfe-collapse.scss"}get schemaUrl(){return"pfe-collapse.json"}get animates(){return"false"!==this.getAttribute("pfe-animation")}static get observedAttributes(){return["pfe-animation"]}static get events(){return{change:`${this.tag}:change`}}constructor(t){super(t||s),this._toggle=null,this._panel=null,this._linkControls=this._linkControls.bind(this),this._changeHandler=this._changeHandler.bind(this),this._observer=new MutationObserver(this._linkControls),this.addEventListener(s.events.change,this._changeHandler),this.addEventListener(s.events.animationStart,this._animationStartHandler),this.addEventListener(s.events.animationEnd,this._animationEndHandler)}connectedCallback(){super.connectedCallback(),Promise.all([customElements.whenDefined(i.tag),customElements.whenDefined(n.tag)]).then(()=>{this.children.length&&this._linkControls(),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){this.removeEventListener(s.events.change,this._changeHandler),this.removeEventListener(s.events.animationStart,this._animationStartHandler),this.removeEventListener(s.events.animationEnd,this._animationEndHandler),this._observer.disconnect()}attributeChangedCallback(t,e,n){super.attributeChangedCallback(t,e,n),n&&("false"!==n&&"true"!==n||this._panel&&this._panel.setAttribute("pfe-animation",n))}toggle(){this._toggle.toggle()}_linkControls(){this._toggle=this.querySelector(n.tag),this._panel=this.querySelector(i.tag),this._toggle.setAttribute("aria-controls",this._panel.pfeId)}_animationStartHandler(){this.classList.add("animating")}_animationEndHandler(){this.classList.remove("animating")}_changeHandler(t){}}t.create(s),t.create(n),t.create(i);export{s as PfeCollapse,n as PfeCollapseToggle,i as PfeCollapsePanel};
+//# sourceMappingURL=pfe-collapse.min.js.map
diff --git a/elements/pfe-collapse/dist/pfe-collapse.min.js.map b/elements/pfe-collapse/dist/pfe-collapse.min.js.map
new file mode 100644
index 0000000000..0b5dd8f5f1
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-collapse.min.js","sources":["../_temp/pfe-collapse.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53\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/dist/pfelement.js\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","pfeId","this","getAttribute","id","setAttribute","expanded","val","value","Boolean","observedAttributes","[object Object]","pfeClass","setTabIndex","addKeydownHandler","super","controlledPanel","_setTabIndex","_addKeydownHandler","addEventListener","_clickHandler","_keydownHandler","connectedCallback","generatedId","_connectPanel","removeEventListener","attr","oldVal","newVal","attributeChangedCallback","hasAttribute","emitEvent","PfeCollapse","events","change","detail","toggle","panel","console","warn","event","key","getRootNode","querySelector","document","PfeCollapsePanel","animationStart","animationEnd","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","start","end","classList","add","style","requestAnimationFrame","_transitionEndHandler","target","remove","state","schemaUrl","_toggle","_panel","_linkControls","bind","_changeHandler","_observer","MutationObserver","_animationStartHandler","_animationEndHandler","Promise","all","customElements","whenDefined","then","children","length","observe","childList","disconnect","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.js b/elements/pfe-collapse/dist/pfe-collapse.umd.js
new file mode 100644
index 0000000000..646e92d6cc
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.umd.js
@@ -0,0 +1,634 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['exports', '../../pfelement/dist/pfelement.umd'], factory) :
+ (factory((global.PfeCollapse = {}),global.PFElement));
+}(this, (function (exports,PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ function generateId() {
+ return Math.random().toString(36).substr(2, 9);
+ }
+
+ var PfeCollapseToggle = function (_PFElement) {
+ inherits(PfeCollapseToggle, _PFElement);
+ createClass(PfeCollapseToggle, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-collapse-toggle.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-collapse-toggle.scss";
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }, {
+ key: "expanded",
+ get: function get$$1() {
+ return this.getAttribute("aria-expanded") === "true";
+ },
+ set: function set$$1(val) {
+ var value = Boolean(val);
+ this.setAttribute("aria-expanded", value);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.53";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-collapse-toggle";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["aria-controls"];
+ }
+ }]);
+
+ function PfeCollapseToggle(pfeClass) {
+ var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+ _ref$setTabIndex = _ref.setTabIndex,
+ setTabIndex = _ref$setTabIndex === undefined ? true : _ref$setTabIndex,
+ _ref$addKeydownHandle = _ref.addKeydownHandler,
+ addKeydownHandler = _ref$addKeydownHandle === undefined ? true : _ref$addKeydownHandle;
+
+ classCallCheck(this, PfeCollapseToggle);
+
+ var _this = possibleConstructorReturn(this, (PfeCollapseToggle.__proto__ || Object.getPrototypeOf(PfeCollapseToggle)).call(this, pfeClass || PfeCollapseToggle));
+
+ _this.controlledPanel = false;
+ _this._setTabIndex = setTabIndex;
+ _this._addKeydownHandler = addKeydownHandler;
+
+ _this.addEventListener("click", _this._clickHandler);
+
+ if (addKeydownHandler) {
+ _this.addEventListener("keydown", _this._keydownHandler);
+ }
+ return _this;
+ }
+
+ createClass(PfeCollapseToggle, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeCollapseToggle.prototype.__proto__ || Object.getPrototypeOf(PfeCollapseToggle.prototype), "connectedCallback", this).call(this);
+
+ this.expanded = false;
+
+ // if (this.id && this.id !== "") {
+ if (this.id) {
+ this.pfeId = this.id;
+ }
+
+ var generatedId = PfeCollapseToggle.tag + "-" + generateId();
+
+ if (!this.id) {
+ this.id = generatedId;
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = generatedId;
+ }
+
+ this.setAttribute("role", "button");
+
+ if (this._setTabIndex) {
+ this.setAttribute("tabindex", 0);
+ }
+
+ if (!this.controlledPanel) {
+ this._connectPanel(this.getAttribute("aria-controls"));
+ }
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener("click", this._clickHandler);
+
+ if (this._addKeydownHandler) {
+ this.removeEventListener("keydown", this._keydownHandler);
+ }
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeCollapseToggle.prototype.__proto__ || Object.getPrototypeOf(PfeCollapseToggle.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal);
+
+ if (!newVal) {
+ return;
+ }
+
+ this._connectPanel(newVal);
+ }
+ }, {
+ key: "toggle",
+ value: function toggle() {
+ if (this.hasAttribute("disabled")) {
+ return;
+ }
+
+ this.expanded = !this.expanded;
+
+ // one last try to hook up a panel
+ if (!this.controlledPanel) {
+ this._connectPanel(this.getAttribute("aria-controls"));
+ }
+
+ if (this.controlledPanel) {
+ this.controlledPanel.expanded = this.expanded;
+
+ this.emitEvent(PfeCollapse.events.change, {
+ detail: {
+ expanded: this.expanded,
+ toggle: this,
+ panel: this.controlledPanel
+ }
+ });
+ } else {
+ console.warn(this.tag + ": This toggle doesn't have a panel associated with it");
+ }
+ }
+ }, {
+ key: "_clickHandler",
+ value: function _clickHandler() {
+ this.toggle();
+ }
+ }, {
+ key: "_keydownHandler",
+ value: function _keydownHandler(event) {
+ var key = event.key;
+
+ switch (key) {
+ case " ":
+ case "Spacebar":
+ case "Enter":
+ this.toggle();
+ break;
+ }
+ }
+ }, {
+ key: "_connectPanel",
+ value: function _connectPanel(id) {
+ // this can be an issue if the pfe-collapse is located within
+ // a shadow root
+ if (this.getRootNode) {
+ this.controlledPanel = this.getRootNode().querySelector("#" + id);
+ } else {
+ this.controlledPanel = document.querySelector("#" + id);
+ }
+ }
+ }]);
+ return PfeCollapseToggle;
+ }(PFElement);
+
+ var PfeCollapsePanel = function (_PFElement2) {
+ inherits(PfeCollapsePanel, _PFElement2);
+ createClass(PfeCollapsePanel, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-collapse-panel.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-collapse-panel.scss";
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }, {
+ key: "animates",
+ get: function get$$1() {
+ return this.getAttribute("pfe-animation") === "false" ? false : true;
+ }
+ }, {
+ key: "expanded",
+ get: function get$$1() {
+ return this.hasAttribute("pfe-expanded");
+ },
+ set: function set$$1(val) {
+ var value = Boolean(val);
+
+ if (value) {
+ this.setAttribute("pfe-expanded", "");
+
+ if (this.animates) {
+ var height = this.getBoundingClientRect().height;
+ this._fireAnimationEvent("opening");
+ this._animate(0, height);
+ }
+ } else {
+ if (this.hasAttribute("pfe-expanded")) {
+ var _height = this.getBoundingClientRect().height;
+ this.removeAttribute("pfe-expanded");
+
+ if (this.animates) {
+ this._fireAnimationEvent("closing");
+ this._animate(_height, 0);
+ }
+ }
+ }
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.53";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-collapse-panel";
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ animationStart: this.tag + ":animation-start",
+ animationEnd: this.tag + ":animation-end"
+ };
+ }
+ }]);
+
+ function PfeCollapsePanel(pfeClass) {
+ classCallCheck(this, PfeCollapsePanel);
+ return possibleConstructorReturn(this, (PfeCollapsePanel.__proto__ || Object.getPrototypeOf(PfeCollapsePanel)).call(this, pfeClass || PfeCollapsePanel));
+ }
+
+ createClass(PfeCollapsePanel, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeCollapsePanel.prototype.__proto__ || Object.getPrototypeOf(PfeCollapsePanel.prototype), "connectedCallback", this).call(this);
+
+ this.expanded = false;
+
+ // if (this.id && this.id !== "") {
+ if (this.id) {
+ this.pfeId = this.id;
+ }
+
+ var generatedId = PfeCollapsePanel.tag + "-" + generateId();
+
+ if (!this.id) {
+ this.id = generatedId;
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = generatedId;
+ }
+ }
+ }, {
+ key: "_animate",
+ value: function _animate(start, end) {
+ var _this3 = this;
+
+ this.classList.add("animating");
+ this.style.height = start + "px";
+
+ requestAnimationFrame(function () {
+ requestAnimationFrame(function () {
+ _this3.style.height = end + "px";
+ _this3.classList.add("animating");
+ _this3.addEventListener("transitionend", _this3._transitionEndHandler);
+ });
+ });
+ }
+ }, {
+ key: "_transitionEndHandler",
+ value: function _transitionEndHandler(event) {
+ event.target.style.height = "";
+ event.target.classList.remove("animating");
+ event.target.removeEventListener("transitionend", this._transitionEndHandler);
+
+ this.emitEvent(PfeCollapsePanel.events.animationEnd, {
+ detail: {
+ expanded: this.expanded,
+ panel: this
+ }
+ });
+ }
+ }, {
+ key: "_fireAnimationEvent",
+ value: function _fireAnimationEvent(state) {
+ this.emitEvent(PfeCollapsePanel.events.animationStart, {
+ detail: {
+ state: state,
+ panel: this
+ }
+ });
+ }
+ }]);
+ return PfeCollapsePanel;
+ }(PFElement);
+
+ var PfeCollapse = function (_PFElement3) {
+ inherits(PfeCollapse, _PFElement3);
+ createClass(PfeCollapse, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-collapse.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-collapse.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-collapse.json";
+ }
+ }, {
+ key: "animates",
+ get: function get$$1() {
+ return this.getAttribute("pfe-animation") === "false" ? false : true;
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.53";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "pfe-collapsibe-toggle" }, { "$ref": "pfe-collapse-panel" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-collapse";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-animation"];
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ change: this.tag + ":change"
+ };
+ }
+ }]);
+
+ function PfeCollapse(pfeClass) {
+ classCallCheck(this, PfeCollapse);
+
+ var _this4 = possibleConstructorReturn(this, (PfeCollapse.__proto__ || Object.getPrototypeOf(PfeCollapse)).call(this, pfeClass || PfeCollapse));
+
+ _this4._toggle = null;
+ _this4._panel = null;
+ _this4._linkControls = _this4._linkControls.bind(_this4);
+ _this4._changeHandler = _this4._changeHandler.bind(_this4);
+ _this4._observer = new MutationObserver(_this4._linkControls);
+
+ _this4.addEventListener(PfeCollapse.events.change, _this4._changeHandler);
+ _this4.addEventListener(PfeCollapse.events.animationStart, _this4._animationStartHandler);
+ _this4.addEventListener(PfeCollapse.events.animationEnd, _this4._animationEndHandler);
+ return _this4;
+ }
+
+ createClass(PfeCollapse, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ var _this5 = this;
+
+ get(PfeCollapse.prototype.__proto__ || Object.getPrototypeOf(PfeCollapse.prototype), "connectedCallback", this).call(this);
+
+ Promise.all([customElements.whenDefined(PfeCollapsePanel.tag), customElements.whenDefined(PfeCollapseToggle.tag)]).then(function () {
+ if (_this5.children.length) {
+ _this5._linkControls();
+ }
+
+ _this5._observer.observe(_this5, { childList: true });
+ });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener(PfeCollapse.events.change, this._changeHandler);
+ this.removeEventListener(PfeCollapse.events.animationStart, this._animationStartHandler);
+ this.removeEventListener(PfeCollapse.events.animationEnd, this._animationEndHandler);
+ this._observer.disconnect();
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeCollapse.prototype.__proto__ || Object.getPrototypeOf(PfeCollapse.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal);
+
+ if (!newVal) {
+ return;
+ }
+
+ if (newVal !== "false" && newVal !== "true") {
+ return;
+ }
+
+ if (this._panel) {
+ this._panel.setAttribute("pfe-animation", newVal);
+ }
+ }
+ }, {
+ key: "toggle",
+ value: function toggle() {
+ this._toggle.toggle();
+ }
+ }, {
+ key: "_linkControls",
+ value: function _linkControls() {
+ this._toggle = this.querySelector(PfeCollapseToggle.tag);
+ this._panel = this.querySelector(PfeCollapsePanel.tag);
+
+ this._toggle.setAttribute("aria-controls", this._panel.pfeId);
+ }
+ }, {
+ key: "_animationStartHandler",
+ value: function _animationStartHandler() {
+ this.classList.add("animating");
+ }
+ }, {
+ key: "_animationEndHandler",
+ value: function _animationEndHandler() {
+ this.classList.remove("animating");
+ }
+ }, {
+ key: "_changeHandler",
+ value: function _changeHandler(event) {}
+ }]);
+ return PfeCollapse;
+ }(PFElement);
+
+ PFElement.create(PfeCollapse);
+ PFElement.create(PfeCollapseToggle);
+ PFElement.create(PfeCollapsePanel);
+
+ exports.PfeCollapse = PfeCollapse;
+ exports.PfeCollapseToggle = PfeCollapseToggle;
+ exports.PfeCollapsePanel = PfeCollapsePanel;
+
+ Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=pfe-collapse.umd.js.map
diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.js.map b/elements/pfe-collapse/dist/pfe-collapse.umd.js.map
new file mode 100644
index 0000000000..461d27c718
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-collapse.umd.js","sources":["../_temp/pfe-collapse.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53\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/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","getAttribute","id","setAttribute","val","value","Boolean","pfeClass","setTabIndex","addKeydownHandler","controlledPanel","_setTabIndex","_addKeydownHandler","addEventListener","_clickHandler","_keydownHandler","expanded","pfeId","generatedId","tag","_connectPanel","removeEventListener","attr","oldVal","newVal","hasAttribute","emitEvent","PfeCollapse","events","change","detail","toggle","panel","console","warn","event","key","getRootNode","querySelector","document","PFElement","PfeCollapsePanel","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","animationStart","animationEnd","start","end","classList","add","style","requestAnimationFrame","_transitionEndHandler","target","remove","state","_toggle","_panel","_linkControls","bind","_changeHandler","_observer","MutationObserver","_animationStartHandler","_animationEndHandler","Promise","all","customElements","whenDefined","then","children","length","observe","childList","disconnect","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.min.js b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js
new file mode 100644
index 0000000000..3d6049c246
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["exports","../../pfelement/dist/pfelement.umd"],t):t(e.PfeCollapse={},e.PFElement)}(this,function(e,t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var n=function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e};function i(e,t){for(var n=0;n:host{display:block;cursor:default}\n/*# sourceMappingURL=pfe-collapse-toggle.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-collapse-toggle.html"}},{key:"styleUrl",get:function(){return"pfe-collapse-toggle.scss"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}},{key:"expanded",get:function(){return"true"===this.getAttribute("aria-expanded")},set:function(e){var t=Boolean(e);this.setAttribute("aria-expanded",t)}}],[{key:"version",get:function(){return"1.0.0-prerelease.53"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse-toggle"}},{key:"observedAttributes",get:function(){return["aria-controls"]}}]),n(d,[{key:"connectedCallback",value:function(){r(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.expanded=!1,this.id&&(this.pfeId=this.id);var e=d.tag+"-"+o();this.id||(this.id=e),this.pfeId||(this.pfeId=e),this.setAttribute("role","button"),this._setTabIndex&&this.setAttribute("tabindex",0),this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls"))}},{key:"disconnectedCallback",value:function(){this.removeEventListener("click",this._clickHandler),this._addKeydownHandler&&this.removeEventListener("keydown",this._keydownHandler)}},{key:"attributeChangedCallback",value:function(e,t,n){r(d.prototype.__proto__||Object.getPrototypeOf(d.prototype),"attributeChangedCallback",this).call(this,e,t,n),n&&this._connectPanel(n)}},{key:"toggle",value:function(){this.hasAttribute("disabled")||(this.expanded=!this.expanded,this.controlledPanel||this._connectPanel(this.getAttribute("aria-controls")),this.controlledPanel?(this.controlledPanel.expanded=this.expanded,this.emitEvent(h.events.change,{detail:{expanded:this.expanded,toggle:this,panel:this.controlledPanel}})):console.warn(this.tag+": This toggle doesn't have a panel associated with it"))}},{key:"_clickHandler",value:function(){this.toggle()}},{key:"_keydownHandler",value:function(e){switch(e.key){case" ":case"Spacebar":case"Enter":this.toggle()}}},{key:"_connectPanel",value:function(e){this.getRootNode?this.controlledPanel=this.getRootNode().querySelector("#"+e):this.controlledPanel=document.querySelector("#"+e)}}]),d);function d(e){var t=1:host{display:none;overflow:hidden;will-change:height}:host([pfe-expanded]){display:block;position:relative}:host(.animating){display:block;-webkit-transition:height .3s ease-in-out;transition:height .3s ease-in-out}\n/*# sourceMappingURL=pfe-collapse-panel.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-collapse-panel.html"}},{key:"styleUrl",get:function(){return"pfe-collapse-panel.scss"}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}},{key:"animates",get:function(){return"false"!==this.getAttribute("pfe-animation")}},{key:"expanded",get:function(){return this.hasAttribute("pfe-expanded")},set:function(e){if(Boolean(e)){if(this.setAttribute("pfe-expanded",""),this.animates){var t=this.getBoundingClientRect().height;this._fireAnimationEvent("opening"),this._animate(0,t)}}else if(this.hasAttribute("pfe-expanded")){var n=this.getBoundingClientRect().height;this.removeAttribute("pfe-expanded"),this.animates&&(this._fireAnimationEvent("closing"),this._animate(n,0))}}}],[{key:"version",get:function(){return"1.0.0-prerelease.53"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse-panel"}},{key:"events",get:function(){return{animationStart:this.tag+":animation-start",animationEnd:this.tag+":animation-end"}}}]),n(p,[{key:"connectedCallback",value:function(){r(p.prototype.__proto__||Object.getPrototypeOf(p.prototype),"connectedCallback",this).call(this),this.expanded=!1,this.id&&(this.pfeId=this.id);var e=p.tag+"-"+o();this.id||(this.id=e),this.pfeId||(this.pfeId=e)}},{key:"_animate",value:function(e,t){var n=this;this.classList.add("animating"),this.style.height=e+"px",requestAnimationFrame(function(){requestAnimationFrame(function(){n.style.height=t+"px",n.classList.add("animating"),n.addEventListener("transitionend",n._transitionEndHandler)})})}},{key:"_transitionEndHandler",value:function(e){e.target.style.height="",e.target.classList.remove("animating"),e.target.removeEventListener("transitionend",this._transitionEndHandler),this.emitEvent(p.events.animationEnd,{detail:{expanded:this.expanded,panel:this}})}},{key:"_fireAnimationEvent",value:function(e){this.emitEvent(p.events.animationStart,{detail:{state:e,panel:this}})}}]),p);function p(e){return s(this,p),l(this,(p.__proto__||Object.getPrototypeOf(p)).call(this,e||p))}var h=(a(f,t),n(f,[{key:"html",get:function(){return""}},{key:"templateUrl",get:function(){return"pfe-collapse.html"}},{key:"styleUrl",get:function(){return"pfe-collapse.scss"}},{key:"schemaUrl",get:function(){return"pfe-collapse.json"}},{key:"animates",get:function(){return"false"!==this.getAttribute("pfe-animation")}}],[{key:"version",get:function(){return"1.0.0-prerelease.53"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"pfe-collapsibe-toggle"},{$ref:"pfe-collapse-panel"}]}}}}},{key:"tag",get:function(){return"pfe-collapse"}},{key:"observedAttributes",get:function(){return["pfe-animation"]}},{key:"events",get:function(){return{change:this.tag+":change"}}}]),n(f,[{key:"connectedCallback",value:function(){var e=this;r(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"connectedCallback",this).call(this),Promise.all([customElements.whenDefined(u.tag),customElements.whenDefined(c.tag)]).then(function(){e.children.length&&e._linkControls(),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){this.removeEventListener(f.events.change,this._changeHandler),this.removeEventListener(f.events.animationStart,this._animationStartHandler),this.removeEventListener(f.events.animationEnd,this._animationEndHandler),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,t,n){r(f.prototype.__proto__||Object.getPrototypeOf(f.prototype),"attributeChangedCallback",this).call(this,e,t,n),n&&("false"!==n&&"true"!==n||this._panel&&this._panel.setAttribute("pfe-animation",n))}},{key:"toggle",value:function(){this._toggle.toggle()}},{key:"_linkControls",value:function(){this._toggle=this.querySelector(c.tag),this._panel=this.querySelector(u.tag),this._toggle.setAttribute("aria-controls",this._panel.pfeId)}},{key:"_animationStartHandler",value:function(){this.classList.add("animating")}},{key:"_animationEndHandler",value:function(){this.classList.remove("animating")}},{key:"_changeHandler",value:function(e){}}]),f);function f(e){s(this,f);var t=l(this,(f.__proto__||Object.getPrototypeOf(f)).call(this,e||f));return t._toggle=null,t._panel=null,t._linkControls=t._linkControls.bind(t),t._changeHandler=t._changeHandler.bind(t),t._observer=new MutationObserver(t._linkControls),t.addEventListener(f.events.change,t._changeHandler),t.addEventListener(f.events.animationStart,t._animationStartHandler),t.addEventListener(f.events.animationEnd,t._animationEndHandler),t}t.create(h),t.create(c),t.create(u),e.PfeCollapse=h,e.PfeCollapseToggle=c,e.PfeCollapsePanel=u,Object.defineProperty(e,"__esModule",{value:!0})});
+//# sourceMappingURL=pfe-collapse.umd.min.js.map
diff --git a/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map
new file mode 100644
index 0000000000..15de1ab88a
--- /dev/null
+++ b/elements/pfe-collapse/dist/pfe-collapse.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-collapse.umd.min.js","sources":["../_temp/pfe-collapse.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeCollapse 1.0.0-prerelease.53\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/dist/pfelement.umd\";\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeCollapseToggle extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-toggle\";\n }\n\n get templateUrl() {\n return \"pfe-collapse-toggle.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-toggle.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get expanded() {\n return this.getAttribute(\"aria-expanded\") === \"true\";\n }\n\n set expanded(val) {\n const value = Boolean(val);\n this.setAttribute(\"aria-expanded\", value);\n }\n\n static get observedAttributes() {\n return [\"aria-controls\"];\n }\n\n constructor(pfeClass, { setTabIndex = true, addKeydownHandler = true } = {}) {\n super(pfeClass || PfeCollapseToggle);\n\n this.controlledPanel = false;\n this._setTabIndex = setTabIndex;\n this._addKeydownHandler = addKeydownHandler;\n\n this.addEventListener(\"click\", this._clickHandler);\n\n if (addKeydownHandler) {\n this.addEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapseToggle.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n\n this.setAttribute(\"role\", \"button\");\n\n if (this._setTabIndex) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"click\", this._clickHandler);\n\n if (this._addKeydownHandler) {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n }\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n this._connectPanel(newVal);\n }\n\n toggle() {\n if (this.hasAttribute(\"disabled\")) {\n return;\n }\n\n this.expanded = !this.expanded;\n\n // one last try to hook up a panel\n if (!this.controlledPanel) {\n this._connectPanel(this.getAttribute(\"aria-controls\"));\n }\n\n if (this.controlledPanel) {\n this.controlledPanel.expanded = this.expanded;\n\n this.emitEvent(PfeCollapse.events.change, {\n detail: {\n expanded: this.expanded,\n toggle: this,\n panel: this.controlledPanel\n }\n });\n } else {\n console.warn(\n `${this.tag}: This toggle doesn't have a panel associated with it`\n );\n }\n }\n\n _clickHandler() {\n this.toggle();\n }\n\n _keydownHandler(event) {\n const key = event.key;\n\n switch (key) {\n case \" \":\n case \"Spacebar\":\n case \"Enter\":\n this.toggle();\n break;\n }\n }\n\n _connectPanel(id) {\n // this can be an issue if the pfe-collapse is located within\n // a shadow root\n if (this.getRootNode) {\n this.controlledPanel = this.getRootNode().querySelector(`#${id}`);\n } else {\n this.controlledPanel = document.querySelector(`#${id}`);\n }\n }\n}\n\nclass PfeCollapsePanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse-panel\";\n }\n\n static get events() {\n return {\n animationStart: `${this.tag}:animation-start`,\n animationEnd: `${this.tag}:animation-end`\n };\n }\n\n get templateUrl() {\n return \"pfe-collapse-panel.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse-panel.scss\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n get expanded() {\n return this.hasAttribute(\"pfe-expanded\");\n }\n\n set expanded(val) {\n const value = Boolean(val);\n\n if (value) {\n this.setAttribute(\"pfe-expanded\", \"\");\n\n if (this.animates) {\n const height = this.getBoundingClientRect().height;\n this._fireAnimationEvent(\"opening\");\n this._animate(0, height);\n }\n } else {\n if (this.hasAttribute(\"pfe-expanded\")) {\n const height = this.getBoundingClientRect().height;\n this.removeAttribute(\"pfe-expanded\");\n\n if (this.animates) {\n this._fireAnimationEvent(\"closing\");\n this._animate(height, 0);\n }\n }\n }\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapsePanel);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.expanded = false;\n\n // if (this.id && this.id !== \"\") {\n if (this.id) {\n this.pfeId = this.id;\n }\n\n const generatedId = `${PfeCollapsePanel.tag}-${generateId()}`;\n\n if (!this.id) {\n this.id = generatedId;\n }\n\n if (!this.pfeId) {\n this.pfeId = generatedId;\n }\n }\n\n _animate(start, end) {\n this.classList.add(\"animating\");\n this.style.height = `${start}px`;\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.style.height = `${end}px`;\n this.classList.add(\"animating\");\n this.addEventListener(\"transitionend\", this._transitionEndHandler);\n });\n });\n }\n\n _transitionEndHandler(event) {\n event.target.style.height = \"\";\n event.target.classList.remove(\"animating\");\n event.target.removeEventListener(\n \"transitionend\",\n this._transitionEndHandler\n );\n\n this.emitEvent(PfeCollapsePanel.events.animationEnd, {\n detail: {\n expanded: this.expanded,\n panel: this\n }\n });\n }\n\n _fireAnimationEvent(state) {\n this.emitEvent(PfeCollapsePanel.events.animationStart, {\n detail: {\n state: state,\n panel: this\n }\n });\n }\n}\n\nclass PfeCollapse extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.53\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"pfe-collapsibe-toggle\"},{\"$ref\":\"pfe-collapse-panel\"}]}}};\n }\n static get tag() {\n return \"pfe-collapse\";\n }\n\n get templateUrl() {\n return \"pfe-collapse.html\";\n }\n\n get styleUrl() {\n return \"pfe-collapse.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-collapse.json\";\n }\n\n get animates() {\n return this.getAttribute(\"pfe-animation\") === \"false\" ? false : true;\n }\n\n static get observedAttributes() {\n return [\"pfe-animation\"];\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n constructor(pfeClass) {\n super(pfeClass || PfeCollapse);\n\n this._toggle = null;\n this._panel = null;\n this._linkControls = this._linkControls.bind(this);\n this._changeHandler = this._changeHandler.bind(this);\n this._observer = new MutationObserver(this._linkControls);\n\n this.addEventListener(PfeCollapse.events.change, this._changeHandler);\n this.addEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.addEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeCollapsePanel.tag),\n customElements.whenDefined(PfeCollapseToggle.tag)\n ]).then(() => {\n if (this.children.length) {\n this._linkControls();\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(PfeCollapse.events.change, this._changeHandler);\n this.removeEventListener(\n PfeCollapse.events.animationStart,\n this._animationStartHandler\n );\n this.removeEventListener(\n PfeCollapse.events.animationEnd,\n this._animationEndHandler\n );\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n if (!newVal) {\n return;\n }\n\n if (newVal !== \"false\" && newVal !== \"true\") {\n return;\n }\n\n if (this._panel) {\n this._panel.setAttribute(\"pfe-animation\", newVal);\n }\n }\n\n toggle() {\n this._toggle.toggle();\n }\n\n _linkControls() {\n this._toggle = this.querySelector(PfeCollapseToggle.tag);\n this._panel = this.querySelector(PfeCollapsePanel.tag);\n\n this._toggle.setAttribute(\"aria-controls\", this._panel.pfeId);\n }\n\n _animationStartHandler() {\n this.classList.add(\"animating\");\n }\n\n _animationEndHandler() {\n this.classList.remove(\"animating\");\n }\n\n _changeHandler(event) {}\n}\n\nPFElement.create(PfeCollapse);\nPFElement.create(PfeCollapseToggle);\nPFElement.create(PfeCollapsePanel);\n\nexport { PfeCollapse, PfeCollapseToggle, PfeCollapsePanel };\n"],"names":["generateId","Math","random","toString","substr","PfeCollapseToggle","PFElement","this","getAttribute","id","setAttribute","val","value","Boolean","default","title","type","namedSlot","items","oneOf","$ref","expanded","pfeId","generatedId","tag","_setTabIndex","controlledPanel","_connectPanel","removeEventListener","_clickHandler","_addKeydownHandler","_keydownHandler","attr","oldVal","newVal","hasAttribute","emitEvent","PfeCollapse","events","change","warn","toggle","event","key","getRootNode","querySelector","document","pfeClass","setTabIndex","addKeydownHandler","addEventListener","_this","PfeCollapsePanel","animates","height","getBoundingClientRect","_fireAnimationEvent","_animate","removeAttribute","start","end","classList","add","style","_this3","_transitionEndHandler","target","remove","animationEnd","state","animationStart","all","customElements","whenDefined","then","_this5","children","length","_linkControls","_observer","observe","childList","_changeHandler","_animationStartHandler","_animationEndHandler","disconnect","_panel","_toggle","_this4","bind","MutationObserver","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-content-set/dist/pfe-content-set.js b/elements/pfe-content-set/dist/pfe-content-set.js
new file mode 100644
index 0000000000..79644719db
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.js
@@ -0,0 +1,259 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+import '../../pfe-accordion/dist/pfe-accordion.js';
+import '../../pfe-tabs/dist/pfe-tabs.js';
+
+/*!
+ * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeContentSet extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {"vertical":{"title":"Vertical orientation","type":"boolean","default":false,"prefixed":false},"variant":{"title":"Variant","type":"string","enum":["wind","earth"],"default":"wind","prefixed":true},"align":{"title":"Align","type":"string","enum":["center"],"prefixed":true},"breakpoint":{"title":"Custom breakpoint","type":"string","prefixed":true},"tab-history":{"title":"Tab history","type":"boolean","default":false,"prefixed":true}};
+ }
+
+ static get slots() {
+ return {"default":{"title":"Default","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-content-set";
+ }
+
+ get templateUrl() {
+ return "pfe-content-set.html";
+ }
+
+ get styleUrl() {
+ return "pfe-content-set.scss";
+ }
+
+ get schemaUrl() {
+ return "pfe-content-set.json";
+ }
+
+ static get pfeType() {
+ return PFElement.pfeType.combo;
+ }
+
+ static get cascadingAttributes() {
+ return {
+ "pfe-tab-history": "pfe-tabs"
+ };
+ }
+
+ static get observedAttributes() {
+ return ["pfe-tab-history"];
+ }
+
+ get isTab() {
+ var breakpointValue;
+ if (this.hasAttribute("pfe-breakpoint")) {
+ breakpointValue = this.getAttributeNode("pfe-breakpoint").value;
+ breakpointValue = breakpointValue.replace(/\D/g, "");
+ } else {
+ breakpointValue = 700;
+ }
+ return this.parentNode
+ ? this.parentNode.offsetWidth > breakpointValue
+ : window.outerWidth > breakpointValue;
+ }
+
+ get contentSetId() {
+ return this.id || this.getAttribute("pfe-id") || this.randomId;
+ }
+
+ constructor() {
+ super(PfeContentSet, { delayRender: true });
+
+ this._init = this._init.bind(this);
+ this._observer = new MutationObserver(this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ if (this.children.length) {
+ this._init();
+ }
+
+ this._observer.observe(this, { childList: true });
+ }
+
+ disconnectedCallback() {
+ this._observer.disconnect();
+ }
+
+ _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (this.isTab) {
+ this._buildTabs();
+ } else {
+ this._buildAccordion();
+ }
+
+ this.render();
+ this.context_update();
+
+ if (window.ShadyCSS) {
+ setTimeout(() => {
+ this._observer.observe(this, { childList: true });
+ }, 0);
+ }
+ }
+
+ _buildAccordion() {
+ let accordion;
+
+ // Use the existing accordion if it exists
+ const existingAccordion = this.querySelector(
+ `[pfe-id="${this.contentSetId}"]`
+ );
+
+ // Use a document fragment for efficiency
+ const fragment = document.createDocumentFragment();
+
+ // Create the accordion wrapper component or use the existing component
+ if (!existingAccordion) {
+ // Create the accordion wrapper component with a unique ID
+ accordion = document.createElement("pfe-accordion");
+ accordion.setAttribute("pfe-id", this.contentSetId);
+ } else {
+ accordion = existingAccordion;
+ }
+
+ // Iterate over each element in the light DOM
+ [...this.children].forEach(child => {
+ // If one of them has the attribute indicating they belong in the header region
+ if (child.hasAttribute("pfe-content-set--header")) {
+ const header = document.createElement("pfe-accordion-header");
+
+ header.appendChild(child);
+ accordion.appendChild(header);
+ }
+
+ if (child.hasAttribute("pfe-content-set--panel")) {
+ const panel = document.createElement("pfe-accordion-panel");
+
+ panel.appendChild(child);
+ accordion.appendChild(panel);
+ }
+ });
+
+ if (!existingAccordion) {
+ fragment.appendChild(accordion);
+ this.appendChild(fragment);
+ }
+ }
+
+ _buildTabs() {
+ let tabs;
+
+ // Use the existing tabs if they exist
+ let existingTabs = this.querySelector(`[pfe-id="${this.contentSetId}"]`);
+
+ // Use a document fragment for efficiency
+ const fragment = document.createDocumentFragment();
+
+ // Create the tabs wrapper component or use the existing tabs
+ if (!existingTabs) {
+ tabs = document.createElement("pfe-tabs");
+ tabs.setAttribute("pfe-id", this.contentSetId);
+ } else {
+ tabs = existingTabs;
+ }
+
+ // Iterate over each element in the light DOM
+ [...this.children].forEach(child => {
+ // If one of them has the attribute indicating they belong in the panel region
+ if (child.hasAttribute("pfe-content-set--header")) {
+ const header = document.createElement("pfe-tab");
+
+ header.setAttribute("slot", "tab");
+
+ if (child.id) {
+ header.setAttribute("pfe-id", child.id);
+ }
+
+ header.appendChild(child);
+ tabs.appendChild(header);
+ }
+
+ if (child.hasAttribute("pfe-content-set--panel")) {
+ const panel = document.createElement("pfe-tab-panel");
+
+ panel.setAttribute("slot", "panel");
+
+ if (child.id) {
+ panel.setAttribute("pfe-id", child.id);
+ }
+
+ panel.appendChild(child);
+ tabs.appendChild(panel);
+ }
+ });
+
+ if (!existingTabs) {
+ fragment.appendChild(tabs);
+ }
+
+ // If the orientation is set to vertical, add that attribute to the tabs
+ if (this.vertical.value !== null && this.vertical.value !== false) {
+ tabs.setAttribute("vertical", true);
+ }
+
+ // Pass the variant attribute down to the tabs component
+ if (this.variant.value !== this.variant.default) {
+ tabs.setAttribute("pfe-variant", this.variant.value);
+ }
+
+ if (this.align.value) {
+ tabs.setAttribute("pfe-tab-align", this.align.value);
+ }
+
+ if (this.hasAttribute("pfe-tab-history")) {
+ tabs.setAttribute("pfe-tab-history", true);
+ }
+
+ if (!existingTabs) {
+ this.appendChild(fragment);
+ }
+ }
+}
+
+PFElement.create(PfeContentSet);
+
+export default PfeContentSet;
+//# sourceMappingURL=pfe-content-set.js.map
diff --git a/elements/pfe-content-set/dist/pfe-content-set.js.map b/elements/pfe-content-set/dist/pfe-content-set.js.map
new file mode 100644
index 0000000000..dd3dda7bdf
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-content-set.js","sources":["../_temp/pfe-content-set.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.js\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.js\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n get contentSetId() {\n return this.id || this.getAttribute(\"pfe-id\") || this.randomId;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n let accordion;\n\n // Use the existing accordion if it exists\n const existingAccordion = this.querySelector(\n `[pfe-id=\"${this.contentSetId}\"]`\n );\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the accordion wrapper component or use the existing component\n if (!existingAccordion) {\n // Create the accordion wrapper component with a unique ID\n accordion = document.createElement(\"pfe-accordion\");\n accordion.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n accordion = existingAccordion;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n let tabs;\n\n // Use the existing tabs if they exist\n let existingTabs = this.querySelector(`[pfe-id=\"${this.contentSetId}\"]`);\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the tabs wrapper component or use the existing tabs\n if (!existingTabs) {\n tabs = document.createElement(\"pfe-tabs\");\n tabs.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n tabs = existingTabs;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-content-set/dist/pfe-content-set.json b/elements/pfe-content-set/dist/pfe-content-set.json
new file mode 100644
index 0000000000..b6816554f3
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.json
@@ -0,0 +1,69 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Content set",
+ "description": "This element creates a flexible component that renders an accordion or tabset depending on screen size.",
+ "type": "object",
+ "tag": "pfe-content-set",
+ "class": "pfe-content-set",
+ "category": "combo",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "default": {
+ "title": "Default",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "vertical": {
+ "title": "Vertical orientation",
+ "type": "boolean",
+ "default": false,
+ "prefixed": false
+ },
+ "variant": {
+ "title": "Variant",
+ "type": "string",
+ "enum": ["wind", "earth"],
+ "default": "wind",
+ "prefixed": true
+ },
+ "align": {
+ "title": "Align",
+ "type": "string",
+ "enum": ["center"],
+ "prefixed": true
+ },
+ "breakpoint": {
+ "title": "Custom breakpoint",
+ "type": "string",
+ "prefixed": true
+ },
+ "tab-history": {
+ "title": "Tab history",
+ "type": "boolean",
+ "default": false,
+ "prefixed": true
+ }
+ },
+ "required": ["orientation", "variant", "on"]
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-content-set/dist/pfe-content-set.min.js b/elements/pfe-content-set/dist/pfe-content-set.min.js
new file mode 100644
index 0000000000..567d937994
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.min.js
@@ -0,0 +1,26 @@
+import t from"../../pfelement/dist/pfelement.min.js";import"../../pfe-accordion/dist/pfe-accordion.min.js";import"../../pfe-tabs/dist/pfe-tabs.min.js";
+/*!
+ * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class e extends t{static get version(){return"1.0.0-prerelease.54"}get html(){return""}static get properties(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},align:{title:"Align",type:"string",enum:["center"],prefixed:!0},breakpoint:{title:"Custom breakpoint",type:"string",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}static get slots(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-content-set"}get templateUrl(){return"pfe-content-set.html"}get styleUrl(){return"pfe-content-set.scss"}get schemaUrl(){return"pfe-content-set.json"}static get pfeType(){return t.pfeType.combo}static get cascadingAttributes(){return{"pfe-tab-history":"pfe-tabs"}}static get observedAttributes(){return["pfe-tab-history"]}get isTab(){var t;return t=this.hasAttribute("pfe-breakpoint")?(t=this.getAttributeNode("pfe-breakpoint").value).replace(/\D/g,""):700,this.parentNode?this.parentNode.offsetWidth>t:window.outerWidth>t}get contentSetId(){return this.id||this.getAttribute("pfe-id")||this.randomId}constructor(){super(e,{delayRender:!0}),this._init=this._init.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this.children.length&&this._init(),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this.isTab?this._buildTabs():this._buildAccordion(),this.render(),this.context_update(),window.ShadyCSS&&setTimeout(()=>{this._observer.observe(this,{childList:!0})},0)}_buildAccordion(){let t;const e=this.querySelector(`[pfe-id="${this.contentSetId}"]`),i=document.createDocumentFragment();e?t=e:(t=document.createElement("pfe-accordion")).setAttribute("pfe-id",this.contentSetId),[...this.children].forEach(e=>{if(e.hasAttribute("pfe-content-set--header")){const i=document.createElement("pfe-accordion-header");i.appendChild(e),t.appendChild(i)}if(e.hasAttribute("pfe-content-set--panel")){const i=document.createElement("pfe-accordion-panel");i.appendChild(e),t.appendChild(i)}}),e||(i.appendChild(t),this.appendChild(i))}_buildTabs(){let t,e=this.querySelector(`[pfe-id="${this.contentSetId}"]`);const i=document.createDocumentFragment();e?t=e:(t=document.createElement("pfe-tabs")).setAttribute("pfe-id",this.contentSetId),[...this.children].forEach(e=>{if(e.hasAttribute("pfe-content-set--header")){const i=document.createElement("pfe-tab");i.setAttribute("slot","tab"),e.id&&i.setAttribute("pfe-id",e.id),i.appendChild(e),t.appendChild(i)}if(e.hasAttribute("pfe-content-set--panel")){const i=document.createElement("pfe-tab-panel");i.setAttribute("slot","panel"),e.id&&i.setAttribute("pfe-id",e.id),i.appendChild(e),t.appendChild(i)}}),e||i.appendChild(t),null!==this.vertical.value&&!1!==this.vertical.value&&t.setAttribute("vertical",!0),this.variant.value!==this.variant.default&&t.setAttribute("pfe-variant",this.variant.value),this.align.value&&t.setAttribute("pfe-tab-align",this.align.value),this.hasAttribute("pfe-tab-history")&&t.setAttribute("pfe-tab-history",!0),e||this.appendChild(i)}}t.create(e);export default e;
+//# sourceMappingURL=pfe-content-set.min.js.map
diff --git a/elements/pfe-content-set/dist/pfe-content-set.min.js.map b/elements/pfe-content-set/dist/pfe-content-set.min.js.map
new file mode 100644
index 0000000000..9efd7c8ab3
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-content-set.min.js","sources":["../_temp/pfe-content-set.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.js\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.js\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n get contentSetId() {\n return this.id || this.getAttribute(\"pfe-id\") || this.randomId;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n let accordion;\n\n // Use the existing accordion if it exists\n const existingAccordion = this.querySelector(\n `[pfe-id=\"${this.contentSetId}\"]`\n );\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the accordion wrapper component or use the existing component\n if (!existingAccordion) {\n // Create the accordion wrapper component with a unique ID\n accordion = document.createElement(\"pfe-accordion\");\n accordion.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n accordion = existingAccordion;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n let tabs;\n\n // Use the existing tabs if they exist\n let existingTabs = this.querySelector(`[pfe-id=\"${this.contentSetId}\"]`);\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the tabs wrapper component or use the existing tabs\n if (!existingTabs) {\n tabs = document.createElement(\"pfe-tabs\");\n tabs.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n tabs = existingTabs;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","PFElement","version","html","properties","vertical","title","type","default","prefixed","variant","enum","align","breakpoint","tab-history","slots","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","schemaUrl","pfeType","combo","cascadingAttributes","pfe-tab-history","observedAttributes","isTab","breakpointValue","this","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","contentSetId","id","getAttribute","randomId","[object Object]","super","delayRender","_init","bind","_observer","MutationObserver","connectedCallback","children","length","observe","childList","disconnect","ShadyCSS","_buildTabs","_buildAccordion","render","context_update","setTimeout","accordion","existingAccordion","querySelector","fragment","document","createDocumentFragment","createElement","setAttribute","forEach","child","header","appendChild","panel","tabs","existingTabs","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.js b/elements/pfe-content-set/dist/pfe-content-set.umd.js
new file mode 100644
index 0000000000..ff83a5ec0d
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.umd.js
@@ -0,0 +1,374 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-accordion/dist/pfe-accordion.umd'), require('../../pfe-tabs/dist/pfe-tabs.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-accordion/dist/pfe-accordion.umd', '../../pfe-tabs/dist/pfe-tabs.umd'], factory) :
+ (global.PfeContentSet = factory(global.PFElement,global.PfeAccordion,global.PfeTabs));
+}(this, (function (PFElement,pfeAccordion_umd,pfeTabs_umd) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+ pfeAccordion_umd = pfeAccordion_umd && pfeAccordion_umd.hasOwnProperty('default') ? pfeAccordion_umd['default'] : pfeAccordion_umd;
+ pfeTabs_umd = pfeTabs_umd && pfeTabs_umd.hasOwnProperty('default') ? pfeTabs_umd['default'] : pfeTabs_umd;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeContentSet = function (_PFElement) {
+ inherits(PfeContentSet, _PFElement);
+ createClass(PfeContentSet, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-content-set.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-content-set.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-content-set.json";
+ }
+ }, {
+ key: "isTab",
+ get: function get$$1() {
+ var breakpointValue;
+ if (this.hasAttribute("pfe-breakpoint")) {
+ breakpointValue = this.getAttributeNode("pfe-breakpoint").value;
+ breakpointValue = breakpointValue.replace(/\D/g, "");
+ } else {
+ breakpointValue = 700;
+ }
+ return this.parentNode ? this.parentNode.offsetWidth > breakpointValue : window.outerWidth > breakpointValue;
+ }
+ }, {
+ key: "contentSetId",
+ get: function get$$1() {
+ return this.id || this.getAttribute("pfe-id") || this.randomId;
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "vertical": { "title": "Vertical orientation", "type": "boolean", "default": false, "prefixed": false }, "variant": { "title": "Variant", "type": "string", "enum": ["wind", "earth"], "default": "wind", "prefixed": true }, "align": { "title": "Align", "type": "string", "enum": ["center"], "prefixed": true }, "breakpoint": { "title": "Custom breakpoint", "type": "string", "prefixed": true }, "tab-history": { "title": "Tab history", "type": "boolean", "default": false, "prefixed": true } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-content-set";
+ }
+ }, {
+ key: "pfeType",
+ get: function get$$1() {
+ return PFElement.pfeType.combo;
+ }
+ }, {
+ key: "cascadingAttributes",
+ get: function get$$1() {
+ return {
+ "pfe-tab-history": "pfe-tabs"
+ };
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-tab-history"];
+ }
+ }]);
+
+ function PfeContentSet() {
+ classCallCheck(this, PfeContentSet);
+
+ var _this = possibleConstructorReturn(this, (PfeContentSet.__proto__ || Object.getPrototypeOf(PfeContentSet)).call(this, PfeContentSet, { delayRender: true }));
+
+ _this._init = _this._init.bind(_this);
+ _this._observer = new MutationObserver(_this._init);
+ return _this;
+ }
+
+ createClass(PfeContentSet, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeContentSet.prototype.__proto__ || Object.getPrototypeOf(PfeContentSet.prototype), "connectedCallback", this).call(this);
+
+ if (this.children.length) {
+ this._init();
+ }
+
+ this._observer.observe(this, { childList: true });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ var _this2 = this;
+
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (this.isTab) {
+ this._buildTabs();
+ } else {
+ this._buildAccordion();
+ }
+
+ this.render();
+ this.context_update();
+
+ if (window.ShadyCSS) {
+ setTimeout(function () {
+ _this2._observer.observe(_this2, { childList: true });
+ }, 0);
+ }
+ }
+ }, {
+ key: "_buildAccordion",
+ value: function _buildAccordion() {
+ var accordion = void 0;
+
+ // Use the existing accordion if it exists
+ var existingAccordion = this.querySelector("[pfe-id=\"" + this.contentSetId + "\"]");
+
+ // Use a document fragment for efficiency
+ var fragment = document.createDocumentFragment();
+
+ // Create the accordion wrapper component or use the existing component
+ if (!existingAccordion) {
+ // Create the accordion wrapper component with a unique ID
+ accordion = document.createElement("pfe-accordion");
+ accordion.setAttribute("pfe-id", this.contentSetId);
+ } else {
+ accordion = existingAccordion;
+ }
+
+ // Iterate over each element in the light DOM
+ [].concat(toConsumableArray(this.children)).forEach(function (child) {
+ // If one of them has the attribute indicating they belong in the header region
+ if (child.hasAttribute("pfe-content-set--header")) {
+ var header = document.createElement("pfe-accordion-header");
+
+ header.appendChild(child);
+ accordion.appendChild(header);
+ }
+
+ if (child.hasAttribute("pfe-content-set--panel")) {
+ var panel = document.createElement("pfe-accordion-panel");
+
+ panel.appendChild(child);
+ accordion.appendChild(panel);
+ }
+ });
+
+ if (!existingAccordion) {
+ fragment.appendChild(accordion);
+ this.appendChild(fragment);
+ }
+ }
+ }, {
+ key: "_buildTabs",
+ value: function _buildTabs() {
+ var tabs = void 0;
+
+ // Use the existing tabs if they exist
+ var existingTabs = this.querySelector("[pfe-id=\"" + this.contentSetId + "\"]");
+
+ // Use a document fragment for efficiency
+ var fragment = document.createDocumentFragment();
+
+ // Create the tabs wrapper component or use the existing tabs
+ if (!existingTabs) {
+ tabs = document.createElement("pfe-tabs");
+ tabs.setAttribute("pfe-id", this.contentSetId);
+ } else {
+ tabs = existingTabs;
+ }
+
+ // Iterate over each element in the light DOM
+ [].concat(toConsumableArray(this.children)).forEach(function (child) {
+ // If one of them has the attribute indicating they belong in the panel region
+ if (child.hasAttribute("pfe-content-set--header")) {
+ var header = document.createElement("pfe-tab");
+
+ header.setAttribute("slot", "tab");
+
+ if (child.id) {
+ header.setAttribute("pfe-id", child.id);
+ }
+
+ header.appendChild(child);
+ tabs.appendChild(header);
+ }
+
+ if (child.hasAttribute("pfe-content-set--panel")) {
+ var panel = document.createElement("pfe-tab-panel");
+
+ panel.setAttribute("slot", "panel");
+
+ if (child.id) {
+ panel.setAttribute("pfe-id", child.id);
+ }
+
+ panel.appendChild(child);
+ tabs.appendChild(panel);
+ }
+ });
+
+ if (!existingTabs) {
+ fragment.appendChild(tabs);
+ }
+
+ // If the orientation is set to vertical, add that attribute to the tabs
+ if (this.vertical.value !== null && this.vertical.value !== false) {
+ tabs.setAttribute("vertical", true);
+ }
+
+ // Pass the variant attribute down to the tabs component
+ if (this.variant.value !== this.variant.default) {
+ tabs.setAttribute("pfe-variant", this.variant.value);
+ }
+
+ if (this.align.value) {
+ tabs.setAttribute("pfe-tab-align", this.align.value);
+ }
+
+ if (this.hasAttribute("pfe-tab-history")) {
+ tabs.setAttribute("pfe-tab-history", true);
+ }
+
+ if (!existingTabs) {
+ this.appendChild(fragment);
+ }
+ }
+ }]);
+ return PfeContentSet;
+ }(PFElement);
+
+ PFElement.create(PfeContentSet);
+
+ return PfeContentSet;
+
+})));
+//# sourceMappingURL=pfe-content-set.umd.js.map
diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.js.map b/elements/pfe-content-set/dist/pfe-content-set.umd.js.map
new file mode 100644
index 0000000000..c80b73bf23
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-content-set.umd.js","sources":["../_temp/pfe-content-set.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54\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/dist/pfelement.umd\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.umd\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.umd\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n get contentSetId() {\n return this.id || this.getAttribute(\"pfe-id\") || this.randomId;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n let accordion;\n\n // Use the existing accordion if it exists\n const existingAccordion = this.querySelector(\n `[pfe-id=\"${this.contentSetId}\"]`\n );\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the accordion wrapper component or use the existing component\n if (!existingAccordion) {\n // Create the accordion wrapper component with a unique ID\n accordion = document.createElement(\"pfe-accordion\");\n accordion.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n accordion = existingAccordion;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n let tabs;\n\n // Use the existing tabs if they exist\n let existingTabs = this.querySelector(`[pfe-id=\"${this.contentSetId}\"]`);\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the tabs wrapper component or use the existing tabs\n if (!existingTabs) {\n tabs = document.createElement(\"pfe-tabs\");\n tabs.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n tabs = existingTabs;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","breakpointValue","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","id","getAttribute","randomId","PFElement","pfeType","combo","delayRender","_init","bind","_observer","MutationObserver","children","length","observe","childList","disconnect","ShadyCSS","isTab","_buildTabs","_buildAccordion","render","context_update","setTimeout","accordion","existingAccordion","querySelector","contentSetId","fragment","document","createDocumentFragment","createElement","setAttribute","forEach","child","header","appendChild","panel","tabs","existingTabs","vertical","variant","default","align","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.min.js b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js
new file mode 100644
index 0000000000..d143234776
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd"),require("../../pfe-accordion/dist/pfe-accordion.umd"),require("../../pfe-tabs/dist/pfe-tabs.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd","../../pfe-accordion/dist/pfe-accordion.umd","../../pfe-tabs/dist/pfe-tabs.umd"],t):e.PfeContentSet=t(e.PFElement,e.PfeAccordion,e.PfeTabs)}(this,function(e,t,n){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t,n=n&&n.hasOwnProperty("default")?n.default:n;var i=function(e,t,n){return t&&r(e.prototype,t),n&&r(e,n),e};function r(e,t){for(var n=0;n:host{display:block}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-content-set.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-content-set.html"}},{key:"styleUrl",get:function(){return"pfe-content-set.scss"}},{key:"schemaUrl",get:function(){return"pfe-content-set.json"}},{key:"isTab",get:function(){var e;return e=this.hasAttribute("pfe-breakpoint")?(e=this.getAttributeNode("pfe-breakpoint").value).replace(/\D/g,""):700,this.parentNode?this.parentNode.offsetWidth>e:window.outerWidth>e}},{key:"contentSetId",get:function(){return this.id||this.getAttribute("pfe-id")||this.randomId}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},align:{title:"Align",type:"string",enum:["center"],prefixed:!0},breakpoint:{title:"Custom breakpoint",type:"string",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}},{key:"slots",get:function(){return{default:{title:"Default",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-content-set"}},{key:"pfeType",get:function(){return e.pfeType.combo}},{key:"cascadingAttributes",get:function(){return{"pfe-tab-history":"pfe-tabs"}}},{key:"observedAttributes",get:function(){return["pfe-tab-history"]}}]),i(s,[{key:"connectedCallback",value:function(){(function e(t,n,i){null===t&&(t=Function.prototype);var r=Object.getOwnPropertyDescriptor(t,n);if(void 0===r){var o=Object.getPrototypeOf(t);return null===o?void 0:e(o,n,i)}if("value"in r)return r.value;var a=r.get;return void 0!==a?a.call(i):void 0})(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.children.length&&this._init(),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"_init",value:function(){var e=this;window.ShadyCSS&&this._observer.disconnect(),this.isTab?this._buildTabs():this._buildAccordion(),this.render(),this.context_update(),window.ShadyCSS&&setTimeout(function(){e._observer.observe(e,{childList:!0})},0)}},{key:"_buildAccordion",value:function(){var i=void 0,e=this.querySelector('[pfe-id="'+this.contentSetId+'"]'),t=document.createDocumentFragment();e?i=e:(i=document.createElement("pfe-accordion")).setAttribute("pfe-id",this.contentSetId),[].concat(o(this.children)).forEach(function(e){if(e.hasAttribute("pfe-content-set--header")){var t=document.createElement("pfe-accordion-header");t.appendChild(e),i.appendChild(t)}if(e.hasAttribute("pfe-content-set--panel")){var n=document.createElement("pfe-accordion-panel");n.appendChild(e),i.appendChild(n)}}),e||(t.appendChild(i),this.appendChild(t))}},{key:"_buildTabs",value:function(){var i=void 0,e=this.querySelector('[pfe-id="'+this.contentSetId+'"]'),t=document.createDocumentFragment();e?i=e:(i=document.createElement("pfe-tabs")).setAttribute("pfe-id",this.contentSetId),[].concat(o(this.children)).forEach(function(e){if(e.hasAttribute("pfe-content-set--header")){var t=document.createElement("pfe-tab");t.setAttribute("slot","tab"),e.id&&t.setAttribute("pfe-id",e.id),t.appendChild(e),i.appendChild(t)}if(e.hasAttribute("pfe-content-set--panel")){var n=document.createElement("pfe-tab-panel");n.setAttribute("slot","panel"),e.id&&n.setAttribute("pfe-id",e.id),n.appendChild(e),i.appendChild(n)}}),e||t.appendChild(i),null!==this.vertical.value&&!1!==this.vertical.value&&i.setAttribute("vertical",!0),this.variant.value!==this.variant.default&&i.setAttribute("pfe-variant",this.variant.value),this.align.value&&i.setAttribute("pfe-tab-align",this.align.value),this.hasAttribute("pfe-tab-history")&&i.setAttribute("pfe-tab-history",!0),e||this.appendChild(t)}}]),s);function s(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,{delayRender:!0}));return e._init=e._init.bind(e),e._observer=new MutationObserver(e._init),e}return e.create(a),a});
+//# sourceMappingURL=pfe-content-set.umd.min.js.map
diff --git a/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map
new file mode 100644
index 0000000000..ee50112e90
--- /dev/null
+++ b/elements/pfe-content-set/dist/pfe-content-set.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-content-set.umd.min.js","sources":["../_temp/pfe-content-set.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeContentSet 1.0.0-prerelease.54\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/dist/pfelement.umd\";\nimport PfeAccordion from \"../../pfe-accordion/dist/pfe-accordion.umd\";\nimport PfeTabs from \"../../pfe-tabs/dist/pfe-tabs.umd\";\n\nclass PfeContentSet extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"align\":{\"title\":\"Align\",\"type\":\"string\",\"enum\":[\"center\"],\"prefixed\":true},\"breakpoint\":{\"title\":\"Custom breakpoint\",\"type\":\"string\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-content-set\";\n }\n\n get templateUrl() {\n return \"pfe-content-set.html\";\n }\n\n get styleUrl() {\n return \"pfe-content-set.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-content-set.json\";\n }\n\n static get pfeType() {\n return PFElement.pfeType.combo;\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-tab-history\": \"pfe-tabs\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-tab-history\"];\n }\n\n get isTab() {\n var breakpointValue;\n if (this.hasAttribute(\"pfe-breakpoint\")) {\n breakpointValue = this.getAttributeNode(\"pfe-breakpoint\").value;\n breakpointValue = breakpointValue.replace(/\\D/g, \"\");\n } else {\n breakpointValue = 700;\n }\n return this.parentNode\n ? this.parentNode.offsetWidth > breakpointValue\n : window.outerWidth > breakpointValue;\n }\n\n get contentSetId() {\n return this.id || this.getAttribute(\"pfe-id\") || this.randomId;\n }\n\n constructor() {\n super(PfeContentSet, { delayRender: true });\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (this.isTab) {\n this._buildTabs();\n } else {\n this._buildAccordion();\n }\n\n this.render();\n this.context_update();\n\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, { childList: true });\n }, 0);\n }\n }\n\n _buildAccordion() {\n let accordion;\n\n // Use the existing accordion if it exists\n const existingAccordion = this.querySelector(\n `[pfe-id=\"${this.contentSetId}\"]`\n );\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the accordion wrapper component or use the existing component\n if (!existingAccordion) {\n // Create the accordion wrapper component with a unique ID\n accordion = document.createElement(\"pfe-accordion\");\n accordion.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n accordion = existingAccordion;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the header region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-accordion-header\");\n\n header.appendChild(child);\n accordion.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-accordion-panel\");\n\n panel.appendChild(child);\n accordion.appendChild(panel);\n }\n });\n\n if (!existingAccordion) {\n fragment.appendChild(accordion);\n this.appendChild(fragment);\n }\n }\n\n _buildTabs() {\n let tabs;\n\n // Use the existing tabs if they exist\n let existingTabs = this.querySelector(`[pfe-id=\"${this.contentSetId}\"]`);\n\n // Use a document fragment for efficiency\n const fragment = document.createDocumentFragment();\n\n // Create the tabs wrapper component or use the existing tabs\n if (!existingTabs) {\n tabs = document.createElement(\"pfe-tabs\");\n tabs.setAttribute(\"pfe-id\", this.contentSetId);\n } else {\n tabs = existingTabs;\n }\n\n // Iterate over each element in the light DOM\n [...this.children].forEach(child => {\n // If one of them has the attribute indicating they belong in the panel region\n if (child.hasAttribute(\"pfe-content-set--header\")) {\n const header = document.createElement(\"pfe-tab\");\n\n header.setAttribute(\"slot\", \"tab\");\n\n if (child.id) {\n header.setAttribute(\"pfe-id\", child.id);\n }\n\n header.appendChild(child);\n tabs.appendChild(header);\n }\n\n if (child.hasAttribute(\"pfe-content-set--panel\")) {\n const panel = document.createElement(\"pfe-tab-panel\");\n\n panel.setAttribute(\"slot\", \"panel\");\n\n if (child.id) {\n panel.setAttribute(\"pfe-id\", child.id);\n }\n\n panel.appendChild(child);\n tabs.appendChild(panel);\n }\n });\n\n if (!existingTabs) {\n fragment.appendChild(tabs);\n }\n\n // If the orientation is set to vertical, add that attribute to the tabs\n if (this.vertical.value !== null && this.vertical.value !== false) {\n tabs.setAttribute(\"vertical\", true);\n }\n\n // Pass the variant attribute down to the tabs component\n if (this.variant.value !== this.variant.default) {\n tabs.setAttribute(\"pfe-variant\", this.variant.value);\n }\n\n if (this.align.value) {\n tabs.setAttribute(\"pfe-tab-align\", this.align.value);\n }\n\n if (this.hasAttribute(\"pfe-tab-history\")) {\n tabs.setAttribute(\"pfe-tab-history\", true);\n }\n\n if (!existingTabs) {\n this.appendChild(fragment);\n }\n }\n}\n\nPFElement.create(PfeContentSet);\n\nexport default PfeContentSet;\n"],"names":["PfeContentSet","PFElement","breakpointValue","this","hasAttribute","getAttributeNode","value","replace","parentNode","offsetWidth","window","outerWidth","id","getAttribute","randomId","vertical","title","type","default","prefixed","variant","enum","align","breakpoint","tab-history","namedSlot","items","oneOf","$ref","pfeType","combo","children","length","_init","_observer","observe","childList","disconnect","ShadyCSS","isTab","_buildTabs","_buildAccordion","render","context_update","_this2","accordion","existingAccordion","querySelector","contentSetId","fragment","document","createDocumentFragment","createElement","setAttribute","forEach","child","header","appendChild","panel","tabs","existingTabs","delayRender","_this","bind","MutationObserver","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-content-set/package-lock.json b/elements/pfe-content-set/package-lock.json
index 1b9f147eed..cf9204e855 100644
--- a/elements/pfe-content-set/package-lock.json
+++ b/elements/pfe-content-set/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-content-set",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-content-set/package.json b/elements/pfe-content-set/package.json
index df2058b578..94da8d8ca7 100644
--- a/elements/pfe-content-set/package.json
+++ b/elements/pfe-content-set/package.json
@@ -4,7 +4,7 @@
"className": "PfeContentSet",
"elementName": "pfe-content-set"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "This PatternFly Element dynamically hides and shows content; the style is determined by the available space.",
"keywords": [
"web-components",
@@ -45,8 +45,8 @@
],
"license": "MIT",
"dependencies": {
- "@patternfly/pfe-accordion": "^1.0.0-prerelease.53",
- "@patternfly/pfe-tabs": "^1.0.0-prerelease.53",
+ "@patternfly/pfe-accordion": "^1.0.0-prerelease.54",
+ "@patternfly/pfe-tabs": "^1.0.0-prerelease.54",
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"generator-pfelement-version": "1.1.0",
diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.css b/elements/pfe-cta/dist/pfe-cta--lightdom.css
new file mode 100644
index 0000000000..998c97b72b
--- /dev/null
+++ b/elements/pfe-cta/dist/pfe-cta--lightdom.css
@@ -0,0 +1,46 @@
+pfe-cta a {
+ color: inherit !important;
+ text-decoration: none !important;
+}
+
+pfe-cta a:focus {
+ outline: none !important;
+}
+
+pfe-cta[pfe-variant="wind"] a:hover {
+ text-decoration: underline !important;
+}
+
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ /* IE10+ */
+ pfe-cta[pfe-priority] a,
+ pfe-cta[aria-disabled="true"] a {
+ padding: 16px calc(16px * 2) !important;
+ padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;
+ }
+ .pfe-cta--wrapper {
+ white-space: nowrap;
+ }
+ .pfe-cta--wrapper > a,
+ .pfe-cta--wrapper > button {
+ white-space: normal;
+ }
+}
+
+@supports (-ms-ime-align: auto) {
+ /* Microsoft Edge Browser 16+ (All) */
+ pfe-cta[pfe-priority] a,
+ pfe-cta[aria-disabled="true"] a {
+ padding: 16px calc(16px * 2) !important;
+ padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;
+ }
+ .pfe-cta--wrapper {
+ white-space: nowrap;
+ }
+ .pfe-cta--wrapper > a,
+ .pfe-cta--wrapper > button {
+ white-space: normal;
+ }
+}
+
+/*# sourceMappingURL=pfe-cta--lightdom.css.map */
diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.min.css b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css
new file mode 100644
index 0000000000..185c1baff6
--- /dev/null
+++ b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css
@@ -0,0 +1,2 @@
+pfe-cta a{color:inherit!important;text-decoration:none!important}pfe-cta a:focus{outline:0!important}pfe-cta[pfe-variant=wind] a:hover{text-decoration:underline!important}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){pfe-cta[aria-disabled=true] a,pfe-cta[pfe-priority] a{padding:16px calc(16px * 2)!important;padding:var(--pfe-cta--Padding,var(--pfe-theme--container-padding,16px) calc(var(--pfe-theme--container-padding,16px) * 2))!important}.pfe-cta--wrapper{white-space:nowrap}.pfe-cta--wrapper>a,.pfe-cta--wrapper>button{white-space:normal}}@supports (-ms-ime-align:auto){pfe-cta[aria-disabled=true] a,pfe-cta[pfe-priority] a{padding:16px calc(16px * 2)!important;padding:var(--pfe-cta--Padding,var(--pfe-theme--container-padding,16px) calc(var(--pfe-theme--container-padding,16px) * 2))!important}.pfe-cta--wrapper{white-space:nowrap}.pfe-cta--wrapper>a,.pfe-cta--wrapper>button{white-space:normal}}
+/*# sourceMappingURL=pfe-cta--lightdom.min.css.map */
diff --git a/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map
new file mode 100644
index 0000000000..0c4b48dd4d
--- /dev/null
+++ b/elements/pfe-cta/dist/pfe-cta--lightdom.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../pfe-cta--lightdom.scss","../../../pfe-sass/mixins/_mixins.scss","pfe-cta--lightdom.css"],"names":[],"mappings":"AAKA,UAEI,MAAA,kBACA,gBAAA,eAHJ,gBAKM,QAAA,YALN,kCASI,gBAAA,oBCXE,6CAAA,oCCaJ,8BFGA,wBAEE,QAAA,KAAA,yBAAA,QAAA,8HASF,kBACE,YAAA,OAEF,oBETA,yBFWE,YAAA,QCtBgC,+BCmBlC,8BFbA,wBAEE,QAAA,KAAA,yBAAA,QAAA,8HASF,kBACE,YAAA,OAEF,oBEOA,yBFLE,YAAA","file":"pfe-cta--lightdom.min.css","sourcesContent":[null,null,"pfe-cta a {\n color: inherit !important;\n text-decoration: none !important;\n}\n\npfe-cta a:focus {\n outline: none !important;\n}\n\npfe-cta[pfe-variant=\"wind\"] a:hover {\n text-decoration: underline !important;\n}\n\n@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {\n /* IE10+ */\n pfe-cta[pfe-priority] a,\n pfe-cta[aria-disabled=\"true\"] a {\n padding: 16px calc(16px * 2) !important;\n padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;\n }\n .pfe-cta--wrapper {\n white-space: nowrap;\n }\n .pfe-cta--wrapper > a,\n .pfe-cta--wrapper > button {\n white-space: normal;\n }\n}\n\n@supports (-ms-ime-align: auto) {\n /* Microsoft Edge Browser 16+ (All) */\n pfe-cta[pfe-priority] a,\n pfe-cta[aria-disabled=\"true\"] a {\n padding: 16px calc(16px * 2) !important;\n padding: var(--pfe-cta--Padding, var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 2)) !important;\n }\n .pfe-cta--wrapper {\n white-space: nowrap;\n }\n .pfe-cta--wrapper > a,\n .pfe-cta--wrapper > button {\n white-space: normal;\n }\n}\n\n/*# sourceMappingURL=pfe-cta--lightdom.css.map */\n"]}
\ No newline at end of file
diff --git a/elements/pfe-cta/dist/pfe-cta.js b/elements/pfe-cta/dist/pfe-cta.js
new file mode 100644
index 0000000000..258b078a74
--- /dev/null
+++ b/elements/pfe-cta/dist/pfe-cta.js
@@ -0,0 +1,241 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfeCta 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeCta extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+ ${this.isDefault ? ` ` : ``}
+
+`;
+ }
+
+ static get properties() {
+ return {"priority":{"title":"Priority","type":"string","prefixed":true,"enum":["primary","secondary"],"observer":"_basicAttributeChanged"},"color":{"title":"Color","type":"string","prefixed":true,"enum":["accent","base","complement","lightest"],"observer":"_basicAttributeChanged"},"variant":{"title":"Style variant","type":"string","prefixed":true,"enum":["wind"],"observer":"_basicAttributeChanged"}};
+ }
+
+ static get slots() {
+ return {"link":{"title":"Link","type":"array","maxItems":1,"namedSlot":false,"items":{"oneOf":[{"$ref":"a"},{"$ref":"button"}]}}};
+ }
+ static get tag() {
+ return "pfe-cta";
+ }
+
+ get styleUrl() {
+ return "pfe-cta.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-cta.html";
+ }
+
+ get schemaUrl() {
+ return "pfe-cta.json";
+ }
+
+ get isDefault() {
+ return this.hasAttribute("pfe-priority") ? false : true;
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Content;
+ }
+
+ static get events() {
+ return {
+ select: `${this.tag}:select`
+ };
+ }
+
+ static get observedAttributes() {
+ return ["pfe-priority", "pfe-color", "pfe-variant"];
+ }
+
+ click(event) {
+ this.emitEvent(PfeCta.events.select, {
+ detail: Object.assign(this.data, {
+ originEvent: event
+ })
+ });
+ }
+
+ constructor() {
+ super(PfeCta);
+ this.cta = null;
+
+ this._init = this._init.bind(this);
+ this._focusHandler = this._focusHandler.bind(this);
+ this._blurHandler = this._blurHandler.bind(this);
+ this._clickHandler = this._clickHandler.bind(this);
+ this._keyupHandler = this._keyupHandler.bind(this);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ // Get the slot
+ this._slot = this.shadowRoot.querySelector("slot");
+
+ // Attach the slotchange listener
+ this._slot.addEventListener("slotchange", this._init);
+
+ if (this.children.length) {
+ this._init();
+ }
+ }
+
+ disconnectedCallback() {
+ // Remove the slot change listeners
+ this._slot.removeEventListener("slotchange", this._init);
+
+ // Remove the focus state listeners
+ if (this.cta) {
+ this.cta.removeEventListener("focus", this._focusHandler);
+ this.cta.removeEventListener("blur", this._blurHandler);
+ this.cta.removeEventListener("click", this._clickHandler);
+ this.cta.removeEventListener("keyup", this._keyupHandler);
+ }
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(attr, oldValue, newValue);
+ // Strip the prefix form the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ let observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+
+ // Initialize the component
+ _init() {
+ const supportedTags = ["a", "button"]; // add input later
+ let supportedTag = false;
+
+ // If the first child does not exist or that child is not a supported tag
+ if (this.firstElementChild) {
+ supportedTags.forEach(tag => {
+ if (this.firstElementChild.tagName.toLowerCase() === tag) {
+ supportedTag = true;
+ }
+ });
+ }
+
+ if (!this.firstElementChild || !supportedTag) {
+ console.warn(
+ `${PfeCta.tag}: The first child in the light DOM must be a supported call-to-action tag (, \n `;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += ``;\n }\n linkList += linkSubItem;\n } else {\n let linkListItem = `\n
\n \n ${arr[i].innerHTML}\n \n
\n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
\n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
`\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","childList","subtree","characterData","attributes","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","version","html","properties","slots","default","title","type","namedSlot","items","oneOf","$ref","tag","schemaUrl","templateUrl","styleUrl","PfeType","PfeTypes","Content","[object Object]","super","PfeJumpLinksNav","this","hasAttribute","_buildNav","bind","_mutationCallback","_menuContainer","shadowRoot","querySelector","_observer","MutationObserver","_reportHeight","panel","document","id","window","addEventListener","connectedCallback","_isValidLightDom","menu","classList","add","innerHTML","outerHTML","div","createElement","getAttribute","prepend","cloneNode","heading","appendChild","observe","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","linkList","panelSections","querySelectorAll","i","length","arr","contains","linkSubItem","buildLinkList","ShadyCSS","children","has_slot","console","warn","tagName","cssVarName","height","clientHeight","style","setProperty","activeNavItem","offsetValue","sectionMargin","customVar","observedAttributes","_init","_slot","_scrollCallback","_handleResize","currentActive","current","nav","_getNav","cssVariable","_rebuildNav","attr","oldVal","newVal","attributeChangedCallback","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","detail","remove","removeAttribute","Object","keys","obj","TypeError","p","k","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","section","scrollY","offsetTop","reverse","indexOf","_removeAllActive","_makeActive","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.js b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js
new file mode 100644
index 0000000000..725d78e7e2
--- /dev/null
+++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js
@@ -0,0 +1,641 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeJumpLinks = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var pfeJumpLinksNavObserverConfig = {
+ childList: true,
+ subtree: true,
+ characterData: true,
+ attributes: true
+ };
+
+ var pfeJumpLinksPanelObserverConfig = {
+ childList: true,
+ subtree: true,
+ characterData: true,
+ attributes: true
+ };
+
+ var PfeJumpLinks = function (_PFElement) {
+ inherits(PfeJumpLinks, _PFElement);
+ createClass(PfeJumpLinks, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-jump-links.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-jump-links.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-jump-links.scss";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "default": { "title": "Default slot", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-jump-links";
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Content;
+ }
+ }]);
+
+ function PfeJumpLinks() {
+ classCallCheck(this, PfeJumpLinks);
+ return possibleConstructorReturn(this, (PfeJumpLinks.__proto__ || Object.getPrototypeOf(PfeJumpLinks)).call(this, PfeJumpLinks, { type: PfeJumpLinks.PfeType }));
+ }
+
+ return PfeJumpLinks;
+ }(PFElement);
+
+ var PfeJumpLinksNav = function (_PFElement2) {
+ inherits(PfeJumpLinksNav, _PFElement2);
+ createClass(PfeJumpLinksNav, [{
+ key: "html",
+ get: function get$$1() {
+ return "\n " + (this.hasAttribute("pfe-c-horizontal") ? "" : "\n \n \n ") + "\n \n " + (this.hasAttribute("pfe-c-horizontal") ? "" : "\n ");
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-jump-links-nav.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-jump-links-nav.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-jump-links-nav.scss";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-jump-links-nav";
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Content;
+ }
+ }]);
+
+ function PfeJumpLinksNav() {
+ classCallCheck(this, PfeJumpLinksNav);
+
+ var _this2 = possibleConstructorReturn(this, (PfeJumpLinksNav.__proto__ || Object.getPrototypeOf(PfeJumpLinksNav)).call(this, PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType }));
+
+ _this2._buildNav = _this2._buildNav.bind(_this2);
+ _this2._mutationCallback = _this2._mutationCallback.bind(_this2);
+ _this2._menuContainer = _this2.shadowRoot.querySelector("#container");
+ _this2._observer = new MutationObserver(_this2._mutationCallback);
+ _this2._reportHeight = _this2._reportHeight.bind(_this2);
+ _this2.panel = document.querySelector("[pfe-c-scrolltarget=" + _this2.id + "]");
+
+ window.addEventListener("resize", function () {});
+ return _this2;
+ }
+
+ createClass(PfeJumpLinksNav, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeJumpLinksNav.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksNav.prototype), "connectedCallback", this).call(this);
+ //Check that the light DOM is there
+ if (this.hasAttribute("autobuild")) {
+ this._buildNav();
+ } else {
+ //Check that the light DOM is valid
+ if (this._isValidLightDom()) {
+ var menu = this.querySelector("ul");
+ menu.classList.add("pfe-jump-links-nav");
+ this._menuContainer.innerHTML = menu.outerHTML;
+
+ var div = document.createElement("div");
+
+ div.innerHTML = "
" + this.getAttribute("sr-text") + "
";
+
+ if (this.getAttribute("sr-text")) {
+ this.shadowRoot.querySelector("nav").prepend(div);
+ }
+
+ var html = "";
+ if (this.querySelector("[slot='pfe-jump-links-nav--heading']")) {
+ html = this.querySelector("[slot='pfe-jump-links-nav--heading']").cloneNode(true);
+ }
+ if (!this.hasAttribute("pfe-c-horizontal") && html !== "") {
+ this.shadowRoot.querySelector("pfe-accordion-header").appendChild(html);
+ } else {
+ var heading = document.createElement("h3");
+ heading.id = "pfe-jump-links-nav--heading";
+
+ this.shadowRoot.querySelector("pfe-accordion-header").appendChild(heading);
+ this.shadowRoot.querySelector("#pfe-jump-links-nav--heading").innerHTML = "Jump to section";
+ }
+ }
+ }
+ this._reportHeight();
+
+ this._observer.observe(this, pfeJumpLinksNavObserverConfig);
+
+ this.panel = document.querySelector("[pfe-c-scrolltarget=\"" + this.id + "\"]");
+
+ this.panel.addEventListener(PfeJumpLinksPanel.events.change, this._buildNav);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ this.panel.removeEventListener(PfeJumpLinksPanel.events.change, this._buildNav);
+ this.removeEventListener("click");
+ }
+ }, {
+ key: "_rebuildNav",
+ value: function _rebuildNav() {
+ this._buildNav();
+ }
+ }, {
+ key: "_buildNav",
+ value: function _buildNav() {
+ var _this3 = this;
+
+ var buildLinkList = function buildLinkList() {
+ var linkList = "";
+ if (!_this3.panel) {
+ _this3.panel = document.querySelector("[pfe-c-scrolltarget=\"" + _this3.id + "\"]");
+ }
+ var panelSections = _this3.panel.querySelectorAll(".pfe-jump-links-panel__section");
+
+ for (var i = 0; i < panelSections.length; i++) {
+ var arr = [].concat(toConsumableArray(panelSections));
+ if (arr[i].classList.contains("has-sub-section")) {
+ var linkListItem = "\n
\n \n " + arr[i].innerHTML + "\n \n
\n ";
+ linkList += linkListItem;
+ } else if (arr[i].classList.contains("sub-section")) {
+ var linkSubItem = "\n
\n " + buildLinkList() + "\n ";
+ this.shadowRoot.querySelector("#container").innerHTML = html;
+ var heading = document.createElement("h3");
+ heading.innerHTML = "Jump to section";
+ this.shadowRoot.querySelector("pfe-accordion-header").appendChild(heading);
+ }
+ }, {
+ key: "_mutationCallback",
+ value: function _mutationCallback() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (!this.hasAttribute("autobuild")) {
+ var menu = this.querySelector("ul");
+ this._menuContainer.innerHTML = menu.outerHTML;
+ } else if (this.hasAttribute("autobuild")) {
+ this._buildNav();
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, pfeJumpLinksNavObserverConfig);
+ }
+ }
+ }, {
+ key: "_isValidLightDom",
+ value: function _isValidLightDom() {
+ if (!this.children.length) {
+ console.warn(PfeJumpLinks.tag + ": You must have a
tag in the light DOM");
+ return false;
+ }
+ if ((this.has_slot("logo") || this.has_slot("link")) && !this.hasAttribute("pfe-c-horizontal")) {
+ console.warn(PfeJumpLinks.tag + ": logo and link slots NOT supported in vertical jump links");
+ }
+ if (this.children[1].tagName !== "UL") {
+ if (!this.hasAttribute("pfe-c-horizontal")) {
+ console.warn(PfeJumpLinks.tag + ": The top-level list of links MUST be a
");
+ }
+
+ return false;
+ }
+
+ return true;
+ }
+ }, {
+ key: "_reportHeight",
+ value: function _reportHeight() {
+ var cssVarName = "--" + this.tag + "--Height--actual";
+ var height = this.clientHeight + "px";
+ this.panel.style.setProperty(cssVarName, height);
+ }
+ }]);
+ return PfeJumpLinksNav;
+ }(PFElement);
+
+ var PfeJumpLinksPanel = function (_PFElement3) {
+ inherits(PfeJumpLinksPanel, _PFElement3);
+ createClass(PfeJumpLinksPanel, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-jump-links-panel.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-jump-links-panel.html";
+ }
+ }, {
+ key: "offsetValue",
+ get: function get$$1() {
+ return this.sectionMargin || this.customVar;
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-jump-links-panel";
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ change: this.tag + ":change",
+ activeNavItem: this.tag + ":active-navItem"
+ };
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Content;
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-c-offset"];
+ }
+ }]);
+
+ function PfeJumpLinksPanel() {
+ classCallCheck(this, PfeJumpLinksPanel);
+
+ var _this4 = possibleConstructorReturn(this, (PfeJumpLinksPanel.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel)).call(this, PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType }));
+
+ _this4._init = _this4._init.bind(_this4);
+ _this4._slot = _this4.shadowRoot.querySelector("slot");
+ _this4._slot.addEventListener("slotchange", _this4._init);
+ _this4._scrollCallback = _this4._scrollCallback.bind(_this4);
+ _this4._mutationCallback = _this4._mutationCallback.bind(_this4);
+ _this4._handleResize = _this4._handleResize.bind(_this4);
+ _this4._observer = new MutationObserver(_this4._mutationCallback);
+ _this4.currentActive = null;
+ _this4.currentActive = 0;
+ _this4.current = -1;
+ window.addEventListener("resize", _this4._handleResize);
+ return _this4;
+ }
+
+ createClass(PfeJumpLinksPanel, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeJumpLinksPanel.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel.prototype), "connectedCallback", this).call(this);
+ this.nav = this._getNav();
+ this._init();
+ this.sectionMargin = this.getAttribute("pfe-c-offset");
+ this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200;
+ if (this.nav && this.nav.hasAttribute("pfe-c-autobuild")) {
+ this.nav._rebuildNav();
+ }
+
+ this._observer.observe(this, pfeJumpLinksPanelObserverConfig);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ window.removeEventListener("scroll");
+ this._slot.removeEventListener("slotchange", this._init);
+ window.removeEventListener("resize", this._handleResize);
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeJumpLinksPanel.prototype.__proto__ || Object.getPrototypeOf(PfeJumpLinksPanel.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal);
+
+ switch (attr) {
+ case "pfe-c-offset":
+ this.sectionMargin = newVal;
+ break;
+ }
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ window.addEventListener("scroll", this._scrollCallback);
+ this.scrollTarget = this.getAttribute("pfe-c-scrolltarget");
+ this.JumpLinksNav = document.querySelector("#" + this.scrollTarget);
+ this.sections = this.querySelectorAll(".pfe-jump-links-panel__section");
+
+ if (this.JumpLinksNav) {
+ this.menu_links = this.JumpLinksNav.querySelectorAll("a");
+ }
+ }
+ }, {
+ key: "_handleResize",
+ value: function _handleResize() {
+ this.nav._reportHeight();
+ this.sectionMargin = this.getAttribute("pfe-c-offset");
+ this.customVar = this.cssVariable("--pfe-jump-links-panel--offset") || 200;
+ }
+ }, {
+ key: "_getNav",
+ value: function _getNav() {
+ return document.querySelector("pfe-jump-links-nav#" + this.getAttribute("pfe-c-scrolltarget"));
+ }
+ }, {
+ key: "_makeActive",
+ value: function _makeActive(link) {
+ if (this.menu_links[link]) {
+ // Check if this is a subnav or has subsections
+ if (this.menu_links[link].classList.contains("sub-section")) {
+ this.menu_links[link].setAttribute("active", "");
+ this.menu_links[link].parentNode.parentNode.parentNode.setAttribute("active", "");
+ this.menu_links[link].parentNode.parentNode.parentNode.classList.add("expand");
+ } else if (this.menu_links[link].classList.contains("has-sub-section")) {
+ this.menu_links[link].setAttribute("active", "");
+ this.menu_links[link].parentNode.setAttribute("active", "");
+ this.menu_links[link].parentNode.classList.add("expand");
+ } else {
+ this.menu_links[link].setAttribute("active", "");
+ this.menu_links[link].parentNode.setAttribute("active", "");
+ }
+
+ var activeLink = this.JumpLinksNav.querySelector("[active]");
+ this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {
+ detail: {
+ activeNavItem: activeLink
+ }
+ });
+ }
+ }
+ }, {
+ key: "_removeActive",
+ value: function _removeActive(link) {
+ if (this.menu_links[link]) {
+ if (this.menu_links[link].classList.contains("sub-section")) {
+ this.menu_links[link].parentNode.parentNode.parentNode.classList.remove("expand");
+ }
+ this.menu_links[link].removeAttribute("active");
+ this.menu_links[link].parentNode.removeAttribute("active");
+ }
+ }
+ }, {
+ key: "_removeAllActive",
+ value: function _removeAllActive() {
+ var _this5 = this;
+
+ if (!Object.keys) {
+ Object.keys = function (obj) {
+ if (obj !== Object(obj)) throw new TypeError("Object.keys called on a non-object");
+ var k = [],
+ p;
+ for (p in obj) {
+ if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);
+ }return k;
+ };
+ Object.keys.forEach = Array.forEach;
+ }
+ [].concat(toConsumableArray(Array(this.sections.length).keys())).forEach(function (link) {
+ _this5._removeActive(link);
+ });
+ }
+ }, {
+ key: "_mutationCallback",
+ value: function _mutationCallback() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ //If we didn't get nav in the constructor, grab it now
+ if (!this.nav) {
+ this.nav = document.querySelector("pfe-jump-links-nav#" + this.getAttribute("pfe-c-scrolltarget"));
+ }
+ //If we want the nav to be built automatically, re-init panel and rebuild nav
+ if (this.nav.hasAttribute("autobuild")) {
+ this._init();
+ this.emitEvent(PfeJumpLinksPanel.events.change);
+ this.nav._rebuildNav();
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, pfeJumpLinksPanelObserverConfig);
+ }
+ }
+ }, {
+ key: "_scrollCallback",
+ value: function _scrollCallback() {
+ var _this6 = this;
+
+ var sections = void 0;
+ var menu_links = void 0;
+ //Check sections to make sure we have them (if not, get them)
+ if (!this.sections || typeof this.sections === "undefined") {
+ this.sections = this.querySelectorAll(".pfe-jump-links-panel__section");
+ } else {
+ sections = this.sections;
+ }
+ //Check list of links to make sure we have them (if not, get them)
+ if (this.menu_links.length < 1 || !this.menu_links) {
+ this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll("a");
+ menu_links = this.menu_links;
+ }
+
+ // Make an array from the node list
+ var sectionArr = [].concat(toConsumableArray(sections));
+ // Get all the sections that match this point in the scroll
+ var matches = sectionArr.filter(function (section) {
+ return window.scrollY >= section.offsetTop - _this6.offsetValue;
+ }).reverse();
+
+ //Identify the last one queried as the current section
+ var current = sectionArr.indexOf(matches[0]);
+
+ // If that section isn't already active,
+ // remove active from the other links and make it active
+ if (current !== this.currentActive) {
+ this._removeAllActive();
+ this.currentActive = current;
+ this._makeActive(current);
+ }
+ }
+ }]);
+ return PfeJumpLinksPanel;
+ }(PFElement);
+
+ PFElement.create(PfeJumpLinks);
+ PFElement.create(PfeJumpLinksNav);
+ PFElement.create(PfeJumpLinksPanel);
+
+ return PfeJumpLinks;
+
+})));
+//# sourceMappingURL=pfe-jump-links.umd.js.map
diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map
new file mode 100644
index 0000000000..ccb47569da
--- /dev/null
+++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-jump-links.umd.js","sources":["../_temp/pfe-jump-links.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = `
${this.getAttribute(\n \"sr-text\"\n )}
`;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
\n \n ${arr[i].innerHTML}\n \n
\n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
\n \n ${arr[i].innerHTML}\n \n
`;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
\n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
\n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
`\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","childList","subtree","characterData","attributes","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","PfeTypes","Content","type","PfeType","PfeJumpLinksNav","hasAttribute","_buildNav","bind","_mutationCallback","_menuContainer","shadowRoot","querySelector","_observer","MutationObserver","_reportHeight","panel","document","id","window","addEventListener","_isValidLightDom","menu","classList","add","innerHTML","outerHTML","div","createElement","getAttribute","prepend","html","cloneNode","appendChild","heading","observe","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","buildLinkList","linkList","panelSections","querySelectorAll","i","length","arr","contains","linkListItem","linkSubItem","ShadyCSS","children","console","warn","tag","has_slot","tagName","cssVarName","height","clientHeight","style","setProperty","sectionMargin","customVar","activeNavItem","_init","_slot","_scrollCallback","_handleResize","currentActive","current","nav","_getNav","cssVariable","_rebuildNav","attr","oldVal","newVal","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","detail","remove","removeAttribute","Object","keys","obj","TypeError","k","p","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","scrollY","section","offsetTop","offsetValue","reverse","indexOf","_removeAllActive","_makeActive","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js
new file mode 100644
index 0000000000..da1c057921
--- /dev/null
+++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeJumpLinks=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var i=function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e};function n(e,t){for(var i=0;i:host{display:block}:host([hidden]){display:none}\n/*# sourceMappingURL=pfe-jump-links.min.css.map */\n"}},{key:"schemaUrl",get:function(){return"pfe-jump-links.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links.html"}},{key:"styleUrl",get:function(){return"pfe-jump-links.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{default:{title:"Default slot",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-jump-links"}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),f);function f(){return t(this,f),r(this,(f.__proto__||Object.getPrototypeOf(f)).call(this,f,{type:f.PfeType}))}var d=(a(h,e),i(h,[{key:"html",get:function(){return'\n '+(this.hasAttribute("pfe-c-horizontal")?"":"\n \n \n ")+'\n \n '+(this.hasAttribute("pfe-c-horizontal")?"":"\n ")}},{key:"schemaUrl",get:function(){return"pfe-jump-links-nav.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links-nav.html"}},{key:"styleUrl",get:function(){return"pfe-jump-links-nav.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-jump-links-nav"}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),i(h,[{key:"connectedCallback",value:function(){if(o(h.prototype.__proto__||Object.getPrototypeOf(h.prototype),"connectedCallback",this).call(this),this.hasAttribute("autobuild"))this._buildNav();else if(this._isValidLightDom()){var e=this.querySelector("ul");e.classList.add("pfe-jump-links-nav"),this._menuContainer.innerHTML=e.outerHTML;var t=document.createElement("div");t.innerHTML='
'+this.getAttribute("sr-text")+"
",this.getAttribute("sr-text")&&this.shadowRoot.querySelector("nav").prepend(t);var i="";if(this.querySelector("[slot='pfe-jump-links-nav--heading']")&&(i=this.querySelector("[slot='pfe-jump-links-nav--heading']").cloneNode(!0)),this.hasAttribute("pfe-c-horizontal")||""===i){var n=document.createElement("h3");n.id="pfe-jump-links-nav--heading",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(n),this.shadowRoot.querySelector("#pfe-jump-links-nav--heading").innerHTML="Jump to section"}else this.shadowRoot.querySelector("pfe-accordion-header").appendChild(i)}this._reportHeight(),this._observer.observe(this,l),this.panel=document.querySelector('[pfe-c-scrolltarget="'+this.id+'"]'),this.panel.addEventListener(u.events.change,this._buildNav)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect(),this.panel.removeEventListener(u.events.change,this._buildNav),this.removeEventListener("click")}},{key:"_rebuildNav",value:function(){this._buildNav()}},{key:"_buildNav",value:function(){var r=this,e='\n
\n "}return e}()+"\n ";this.shadowRoot.querySelector("#container").innerHTML=e;var t=document.createElement("h3");t.innerHTML="Jump to section",this.shadowRoot.querySelector("pfe-accordion-header").appendChild(t)}},{key:"_mutationCallback",value:function(){if(window.ShadyCSS&&this._observer.disconnect(),this.hasAttribute("autobuild"))this.hasAttribute("autobuild")&&this._buildNav();else{var e=this.querySelector("ul");this._menuContainer.innerHTML=e.outerHTML}window.ShadyCSS&&this._observer.observe(this,l)}},{key:"_isValidLightDom",value:function(){return this.children.length?(!this.has_slot("logo")&&!this.has_slot("link")||this.hasAttribute("pfe-c-horizontal")||console.warn(p.tag+": logo and link slots NOT supported in vertical jump links"),"UL"===this.children[1].tagName||(this.hasAttribute("pfe-c-horizontal")||console.warn(p.tag+": The top-level list of links MUST be a
"),!1)):(console.warn(p.tag+": You must have a
tag in the light DOM"),!1)}},{key:"_reportHeight",value:function(){var e="--"+this.tag+"--Height--actual",t=this.clientHeight+"px";this.panel.style.setProperty(e,t)}}]),h);function h(){t(this,h);var e=r(this,(h.__proto__||Object.getPrototypeOf(h)).call(this,h,{type:h.PfeType}));return e._buildNav=e._buildNav.bind(e),e._mutationCallback=e._mutationCallback.bind(e),e._menuContainer=e.shadowRoot.querySelector("#container"),e._observer=new MutationObserver(e._mutationCallback),e._reportHeight=e._reportHeight.bind(e),e.panel=document.querySelector("[pfe-c-scrolltarget="+e.id+"]"),window.addEventListener("resize",function(){}),e}var u=(a(v,e),i(v,[{key:"html",get:function(){return""}},{key:"schemaUrl",get:function(){return"pfe-jump-links-panel.json"}},{key:"templateUrl",get:function(){return"pfe-jump-links-panel.html"}},{key:"offsetValue",get:function(){return this.sectionMargin||this.customVar}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-jump-links-panel"}},{key:"events",get:function(){return{change:this.tag+":change",activeNavItem:this.tag+":active-navItem"}}},{key:"PfeType",get:function(){return e.PfeTypes.Content}},{key:"observedAttributes",get:function(){return["pfe-c-offset"]}}]),i(v,[{key:"connectedCallback",value:function(){o(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"connectedCallback",this).call(this),this.nav=this._getNav(),this._init(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200,this.nav&&this.nav.hasAttribute("pfe-c-autobuild")&&this.nav._rebuildNav(),this._observer.observe(this,c)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect(),window.removeEventListener("scroll"),this._slot.removeEventListener("slotchange",this._init),window.removeEventListener("resize",this._handleResize)}},{key:"attributeChangedCallback",value:function(e,t,i){switch(o(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"attributeChangedCallback",this).call(this,e,t,i),e){case"pfe-c-offset":this.sectionMargin=i}}},{key:"_init",value:function(){window.addEventListener("scroll",this._scrollCallback),this.scrollTarget=this.getAttribute("pfe-c-scrolltarget"),this.JumpLinksNav=document.querySelector("#"+this.scrollTarget),this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),this.JumpLinksNav&&(this.menu_links=this.JumpLinksNav.querySelectorAll("a"))}},{key:"_handleResize",value:function(){this.nav._reportHeight(),this.sectionMargin=this.getAttribute("pfe-c-offset"),this.customVar=this.cssVariable("--pfe-jump-links-panel--offset")||200}},{key:"_getNav",value:function(){return document.querySelector("pfe-jump-links-nav#"+this.getAttribute("pfe-c-scrolltarget"))}},{key:"_makeActive",value:function(e){if(this.menu_links[e]){this.menu_links[e].classList.contains("sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.setAttribute("active",""),this.menu_links[e].parentNode.parentNode.parentNode.classList.add("expand")):this.menu_links[e].classList.contains("has-sub-section")?(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""),this.menu_links[e].parentNode.classList.add("expand")):(this.menu_links[e].setAttribute("active",""),this.menu_links[e].parentNode.setAttribute("active",""));var t=this.JumpLinksNav.querySelector("[active]");this.emitEvent(v.events.activeNavItem,{detail:{activeNavItem:t}})}}},{key:"_removeActive",value:function(e){this.menu_links[e]&&(this.menu_links[e].classList.contains("sub-section")&&this.menu_links[e].parentNode.parentNode.parentNode.classList.remove("expand"),this.menu_links[e].removeAttribute("active"),this.menu_links[e].parentNode.removeAttribute("active"))}},{key:"_removeAllActive",value:function(){var t=this;Object.keys||(Object.keys=function(e){if(e!==Object(e))throw new TypeError("Object.keys called on a non-object");var t,i=[];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&i.push(t);return i},Object.keys.forEach=Array.forEach),[].concat(s(Array(this.sections.length).keys())).forEach(function(e){t._removeActive(e)})}},{key:"_mutationCallback",value:function(){window.ShadyCSS&&this._observer.disconnect(),this.nav||(this.nav=document.querySelector("pfe-jump-links-nav#"+this.getAttribute("pfe-c-scrolltarget"))),this.nav.hasAttribute("autobuild")&&(this._init(),this.emitEvent(v.events.change),this.nav._rebuildNav()),window.ShadyCSS&&this._observer.observe(this,c)}},{key:"_scrollCallback",value:function(){var t=this,e=void 0;this.sections&&void 0!==this.sections?e=this.sections:this.sections=this.querySelectorAll(".pfe-jump-links-panel__section"),(this.menu_links.length<1||!this.menu_links)&&(this.menu_links=this.JumpLinksNav.shadowRoot.querySelectorAll("a"),this.menu_links);var i=[].concat(s(e)),n=i.filter(function(e){return window.scrollY>=e.offsetTop-t.offsetValue}).reverse(),a=i.indexOf(n[0]);a!==this.currentActive&&(this._removeAllActive(),this.currentActive=a,this._makeActive(a))}}]),v);function v(){t(this,v);var e=r(this,(v.__proto__||Object.getPrototypeOf(v)).call(this,v,{type:v.PfeType}));return e._init=e._init.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener("slotchange",e._init),e._scrollCallback=e._scrollCallback.bind(e),e._mutationCallback=e._mutationCallback.bind(e),e._handleResize=e._handleResize.bind(e),e._observer=new MutationObserver(e._mutationCallback),e.currentActive=null,e.currentActive=0,e.current=-1,window.addEventListener("resize",e._handleResize),e}return e.create(p),e.create(d),e.create(u),p});
+//# sourceMappingURL=pfe-jump-links.umd.min.js.map
diff --git a/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map
new file mode 100644
index 0000000000..6e9081024e
--- /dev/null
+++ b/elements/pfe-jump-links/dist/pfe-jump-links.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-jump-links.umd.min.js","sources":["../_temp/pfe-jump-links.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeJumpLinks 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nconst pfeJumpLinksNavObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nconst pfeJumpLinksPanelObserverConfig = {\n childList: true,\n subtree: true,\n characterData: true,\n attributes: true\n};\n\nclass PfeJumpLinks extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Default slot\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-jump-links\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinks, { type: PfeJumpLinks.PfeType });\n }\n}\n\nclass PfeJumpLinksNav extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n \n \n `\n }\n \n ${this.hasAttribute(\"pfe-c-horizontal\") ? `` :\n `\n `\n }`;\n }\n static get tag() {\n return \"pfe-jump-links-nav\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-nav.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-nav.html\";\n }\n\n get styleUrl() {\n return \"pfe-jump-links-nav.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfeJumpLinksNav, { type: PfeJumpLinksNav.PfeType });\n\n this._buildNav = this._buildNav.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._menuContainer = this.shadowRoot.querySelector(\"#container\");\n this._observer = new MutationObserver(this._mutationCallback);\n this._reportHeight = this._reportHeight.bind(this);\n this.panel = document.querySelector(`[pfe-c-scrolltarget=${this.id}]`);\n\n window.addEventListener(\"resize\", () => {});\n }\n\n connectedCallback() {\n super.connectedCallback();\n //Check that the light DOM is there\n if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n } else {\n //Check that the light DOM is valid\n if (this._isValidLightDom()) {\n const menu = this.querySelector(\"ul\");\n menu.classList.add(\"pfe-jump-links-nav\");\n this._menuContainer.innerHTML = menu.outerHTML;\n\n let div = document.createElement(\"div\");\n\n div.innerHTML = `
${this.getAttribute(\n \"sr-text\"\n )}
`;\n\n if (this.getAttribute(\"sr-text\")) {\n this.shadowRoot.querySelector(\"nav\").prepend(div);\n }\n\n let html = \"\";\n if (this.querySelector(\"[slot='pfe-jump-links-nav--heading']\")) {\n html = this.querySelector(\n \"[slot='pfe-jump-links-nav--heading']\"\n ).cloneNode(true);\n }\n if (!this.hasAttribute(\"pfe-c-horizontal\") && html !== \"\") {\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(html);\n } else {\n const heading = document.createElement(\"h3\");\n heading.id = \"pfe-jump-links-nav--heading\";\n\n this.shadowRoot\n .querySelector(\"pfe-accordion-header\")\n .appendChild(heading);\n this.shadowRoot.querySelector(\n \"#pfe-jump-links-nav--heading\"\n ).innerHTML = \"Jump to section\";\n }\n }\n }\n this._reportHeight();\n\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n\n this.panel = document.querySelector(`[pfe-c-scrolltarget=\"${this.id}\"]`);\n\n this.panel.addEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n this.panel.removeEventListener(\n PfeJumpLinksPanel.events.change,\n this._buildNav\n );\n this.removeEventListener(\"click\");\n }\n\n _rebuildNav() {\n this._buildNav();\n }\n\n _buildNav() {\n const buildLinkList = () => {\n let linkList = ``;\n if (!this.panel) {\n this.panel = document.querySelector(\n `[pfe-c-scrolltarget=\"${this.id}\"]`\n );\n }\n let panelSections = this.panel.querySelectorAll(\n \".pfe-jump-links-panel__section\"\n );\n\n for (let i = 0; i < panelSections.length; i++) {\n let arr = [...panelSections];\n if (arr[i].classList.contains(\"has-sub-section\")) {\n let linkListItem = `\n
\n \n ${arr[i].innerHTML}\n \n
\n `;\n linkList += linkListItem;\n } else if (arr[i].classList.contains(\"sub-section\")) {\n let linkSubItem = `\n
\n \n ${arr[i].innerHTML}\n \n
`;\n if (!arr[i + 1].classList.contains(\"sub-section\")) {\n linkSubItem += `
\n `;\n linkList += linkListItem;\n }\n }\n return linkList;\n };\n\n let html = `\n
\n ${buildLinkList()}\n `;\n this.shadowRoot.querySelector(\"#container\").innerHTML = html;\n let heading = document.createElement(\"h3\");\n heading.innerHTML = \"Jump to section\";\n this.shadowRoot.querySelector(\"pfe-accordion-header\").appendChild(heading);\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.hasAttribute(\"autobuild\")) {\n const menu = this.querySelector(\"ul\");\n this._menuContainer.innerHTML = menu.outerHTML;\n } else if (this.hasAttribute(\"autobuild\")) {\n this._buildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksNavObserverConfig);\n }\n }\n\n _isValidLightDom() {\n if (!this.children.length) {\n console.warn(\n `${PfeJumpLinks.tag}: You must have a
tag in the light DOM`\n );\n return false;\n }\n if (\n (this.has_slot(\"logo\") || this.has_slot(\"link\")) &&\n !this.hasAttribute(\"pfe-c-horizontal\")\n ) {\n console.warn(\n `${PfeJumpLinks.tag}: logo and link slots NOT supported in vertical jump links`\n );\n }\n if (this.children[1].tagName !== \"UL\") {\n if (!this.hasAttribute(\"pfe-c-horizontal\")) {\n console.warn(\n `${PfeJumpLinks.tag}: The top-level list of links MUST be a
`\n );\n }\n\n return false;\n }\n\n return true;\n }\n\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n this.panel.style.setProperty(cssVarName, height);\n }\n}\n\nclass PfeJumpLinksPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-jump-links-panel\";\n }\n\n get schemaUrl() {\n return \"pfe-jump-links-panel.json\";\n }\n\n get templateUrl() {\n return \"pfe-jump-links-panel.html\";\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`,\n activeNavItem: `${this.tag}:active-navItem`\n };\n }\n\n get offsetValue() {\n return this.sectionMargin || this.customVar;\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n static get observedAttributes() {\n return [\"pfe-c-offset\"];\n }\n\n constructor() {\n super(PfeJumpLinksPanel, { type: PfeJumpLinksPanel.PfeType });\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n this._scrollCallback = this._scrollCallback.bind(this);\n this._mutationCallback = this._mutationCallback.bind(this);\n this._handleResize = this._handleResize.bind(this);\n this._observer = new MutationObserver(this._mutationCallback);\n this.currentActive = null;\n this.currentActive = 0;\n this.current = -1;\n window.addEventListener(\"resize\", this._handleResize);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.nav = this._getNav();\n this._init();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n if (this.nav && this.nav.hasAttribute(\"pfe-c-autobuild\")) {\n this.nav._rebuildNav();\n }\n\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n window.removeEventListener(\"scroll\");\n this._slot.removeEventListener(\"slotchange\", this._init);\n window.removeEventListener(\"resize\", this._handleResize);\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n\n switch (attr) {\n case \"pfe-c-offset\":\n this.sectionMargin = newVal;\n break;\n }\n }\n\n _init() {\n window.addEventListener(\"scroll\", this._scrollCallback);\n this.scrollTarget = this.getAttribute(\"pfe-c-scrolltarget\");\n this.JumpLinksNav = document.querySelector(`#${this.scrollTarget}`);\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n\n if (this.JumpLinksNav) {\n this.menu_links = this.JumpLinksNav.querySelectorAll(\"a\");\n }\n }\n\n _handleResize() {\n this.nav._reportHeight();\n this.sectionMargin = this.getAttribute(\"pfe-c-offset\");\n this.customVar = this.cssVariable(\"--pfe-jump-links-panel--offset\") || 200;\n }\n\n _getNav() {\n return document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n\n _makeActive(link) {\n if (this.menu_links[link]) {\n // Check if this is a subnav or has subsections\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.parentNode.parentNode.setAttribute(\n \"active\",\n \"\"\n );\n this.menu_links[link].parentNode.parentNode.parentNode.classList.add(\n \"expand\"\n );\n } else if (this.menu_links[link].classList.contains(\"has-sub-section\")) {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.classList.add(\"expand\");\n } else {\n this.menu_links[link].setAttribute(\"active\", \"\");\n this.menu_links[link].parentNode.setAttribute(\"active\", \"\");\n }\n\n let activeLink = this.JumpLinksNav.querySelector(\"[active]\");\n this.emitEvent(PfeJumpLinksPanel.events.activeNavItem, {\n detail: {\n activeNavItem: activeLink\n }\n });\n }\n }\n\n _removeActive(link) {\n if (this.menu_links[link]) {\n if (this.menu_links[link].classList.contains(\"sub-section\")) {\n this.menu_links[link].parentNode.parentNode.parentNode.classList.remove(\n \"expand\"\n );\n }\n this.menu_links[link].removeAttribute(\"active\");\n this.menu_links[link].parentNode.removeAttribute(\"active\");\n }\n }\n\n _removeAllActive() {\n if (!Object.keys) {\n Object.keys = function(obj) {\n if (obj !== Object(obj))\n throw new TypeError(\"Object.keys called on a non-object\");\n var k = [],\n p;\n for (p in obj)\n if (Object.prototype.hasOwnProperty.call(obj, p)) k.push(p);\n return k;\n };\n Object.keys.forEach = Array.forEach;\n }\n [...Array(this.sections.length).keys()].forEach(link => {\n this._removeActive(link);\n });\n }\n\n _mutationCallback() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n //If we didn't get nav in the constructor, grab it now\n if (!this.nav) {\n this.nav = document.querySelector(\n `pfe-jump-links-nav#${this.getAttribute(\"pfe-c-scrolltarget\")}`\n );\n }\n //If we want the nav to be built automatically, re-init panel and rebuild nav\n if (this.nav.hasAttribute(\"autobuild\")) {\n this._init();\n this.emitEvent(PfeJumpLinksPanel.events.change);\n this.nav._rebuildNav();\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, pfeJumpLinksPanelObserverConfig);\n }\n }\n\n _scrollCallback() {\n let sections;\n let menu_links;\n //Check sections to make sure we have them (if not, get them)\n if (!this.sections || typeof this.sections === \"undefined\") {\n this.sections = this.querySelectorAll(\".pfe-jump-links-panel__section\");\n } else {\n sections = this.sections;\n }\n //Check list of links to make sure we have them (if not, get them)\n if (this.menu_links.length < 1 || !this.menu_links) {\n this.menu_links = this.JumpLinksNav.shadowRoot.querySelectorAll(\"a\");\n menu_links = this.menu_links;\n }\n\n // Make an array from the node list\n const sectionArr = [...sections];\n // Get all the sections that match this point in the scroll\n const matches = sectionArr\n .filter(section => window.scrollY >= section.offsetTop - this.offsetValue)\n .reverse();\n\n //Identify the last one queried as the current section\n const current = sectionArr.indexOf(matches[0]);\n\n // If that section isn't already active,\n // remove active from the other links and make it active\n if (current !== this.currentActive) {\n this._removeAllActive();\n this.currentActive = current;\n this._makeActive(current);\n }\n }\n}\n\nPFElement.create(PfeJumpLinks);\nPFElement.create(PfeJumpLinksNav);\nPFElement.create(PfeJumpLinksPanel);\n\nexport default PfeJumpLinks;\n"],"names":["pfeJumpLinksNavObserverConfig","pfeJumpLinksPanelObserverConfig","PfeJumpLinks","PFElement","default","title","type","namedSlot","items","oneOf","$ref","PfeTypes","Content","PfeType","PfeJumpLinksNav","this","hasAttribute","_buildNav","_isValidLightDom","menu","querySelector","classList","add","_menuContainer","innerHTML","outerHTML","div","document","createElement","getAttribute","shadowRoot","prepend","html","cloneNode","heading","id","appendChild","_reportHeight","_observer","observe","panel","addEventListener","PfeJumpLinksPanel","events","change","disconnect","removeEventListener","linkList","_this3","panelSections","querySelectorAll","i","length","arr","contains","linkSubItem","buildLinkList","window","ShadyCSS","children","has_slot","warn","tag","tagName","cssVarName","height","clientHeight","style","setProperty","_this2","bind","_mutationCallback","MutationObserver","sectionMargin","customVar","nav","_getNav","_init","cssVariable","_rebuildNav","_slot","_handleResize","attr","oldVal","newVal","_scrollCallback","scrollTarget","JumpLinksNav","sections","menu_links","link","setAttribute","parentNode","activeLink","emitEvent","activeNavItem","remove","removeAttribute","Object","keys","obj","TypeError","p","k","prototype","hasOwnProperty","call","push","forEach","Array","_removeActive","sectionArr","matches","filter","scrollY","section","offsetTop","_this6","offsetValue","reverse","current","indexOf","currentActive","_removeAllActive","_makeActive","_this4","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-jump-links/package-lock.json b/elements/pfe-jump-links/package-lock.json
index 59e44c5fd2..c19e117105 100644
--- a/elements/pfe-jump-links/package-lock.json
+++ b/elements/pfe-jump-links/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-jump-links",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-jump-links/package.json b/elements/pfe-jump-links/package.json
index 1f3d361efd..807e740a92 100644
--- a/elements/pfe-jump-links/package.json
+++ b/elements/pfe-jump-links/package.json
@@ -11,7 +11,7 @@
},
"assets": []
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"keywords": [
"web-components",
"html"
@@ -43,10 +43,10 @@
],
"license": "MIT",
"dependencies": {
- "@patternfly/pfe-accordion": "^1.0.0-prerelease.53",
+ "@patternfly/pfe-accordion": "^1.0.0-prerelease.54",
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
}
}
diff --git a/elements/pfe-markdown/dist/pfe-markdown.js b/elements/pfe-markdown/dist/pfe-markdown.js
new file mode 100644
index 0000000000..94136c6403
--- /dev/null
+++ b/elements/pfe-markdown/dist/pfe-markdown.js
@@ -0,0 +1,194 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+ return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var marked_min = createCommonjsModule(function (module, exports) {
+/**
+ * marked - a markdown parser
+ * Copyright (c) 2011-2018, Christopher Jeffrey. (MIT Licensed)
+ * https://github.com/markedjs/marked
+ */
+!function(e){var x={newline:/^\n+/,code:/^( {4}[^\n]+\n*)+/,fences:f,hr:/^ {0,3}((?:- *){3,}|(?:_ *){3,}|(?:\* *){3,})(?:\n+|$)/,heading:/^ *(#{1,6}) *([^\n]+?) *(?:#+ *)?(?:\n+|$)/,nptable:f,blockquote:/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/,list:/^( {0,3})(bull) [\s\S]+?(?:hr|def|\n{2,}(?! )(?!\1bull )\n*|\s*$)/,html:"^ {0,3}(?:<(script|pre|style)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?\\?>\\n*|\\n*|\\n*|)[\\s\\S]*?(?:\\n{2,}|$)|<(?!script|pre|style)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:\\n{2,}|$))",def:/^ {0,3}\[(label)\]: *\n? *]+)>?(?:(?: +\n? *| *\n *)(title))? *(?:\n+|$)/,table:f,lheading:/^([^\n]+)\n {0,3}(=|-){2,} *(?:\n+|$)/,paragraph:/^([^\n]+(?:\n(?!hr|heading|lheading| {0,3}>|<\/?(?:tag)(?: +|\n|\/?>)|<(?:script|pre|style|!--))[^\n]+)*)/,text:/^[^\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm);}x._label=/(?!\s*\])(?:\\[\[\]]|[^\[\]])+/,x._title=/(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/,x.def=i(x.def).replace("label",x._label).replace("title",x._title).getRegex(),x.bullet=/(?:[*+-]|\d{1,9}\.)/,x.item=/^( *)(bull) ?[^\n]*(?:\n(?!\1bull ?)[^\n]*)*/,x.item=i(x.item,"gm").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace("hr","\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def","\\n+(?="+x.def.source+")").getRegex(),x._tag="address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul",x._comment=//,x.html=i(x.html,"i").replace("comment",x._comment).replace("tag",x._tag).replace("attribute",/ +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace("hr",x.hr).replace("heading",x.heading).replace("lheading",x.lheading).replace("tag",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace("paragraph",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\n]*)\n(?:|([\s\S]*?)\n)(?: {0,3}\1[~`]* *(?:\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\n]+?) *#* *(?:\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace("(?!","(?!"+x.gfm.fences.source.replace("\\1","\\2")+"|"+x.list.source.replace("\\1","\\3")+"|").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\n ].*\|.*)\n *([-:]+ *\|[-| :]*)(?:\n((?:.*[^>\n ].*(?:\n|$))*)\n*|$)/,table:/^ *\|(.+)\n *\|?( *[-:]+[-| :]*)(?:\n((?: *[^>\n ].*(?:\n|$))*)\n*|$)/}),x.pedantic=d({},x.normal,{html:i("^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|\\s]*)*?/?> *(?:\\n{2,}|\\s*$))").replace("comment",x._comment).replace(/tag/g,"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),def:/^ *\[([^\]]+)\]: *]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\r\n|\r/g,"\n").replace(/\t/g," ").replace(/\u00a0/g," ").replace(/\u2424/g,"\n"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,"");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,""),this.token(s,t),this.tokens.push({type:"blockquote_end"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:"list_start",ordered:d=1<(i=s[2]).length,start:d?+i:"",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\[\]\\^_`{|}~])/,autolink:/^<(scheme:[^\s\x00-\x1f<>]*|email)>/,url:f,tag:"^comment|^|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^|^",link:/^!?\[(label)\]\(href(?:\s+(title))?\s*\)/,reflink:/^!?\[(label)\]\[(?!\s*\])((?:\\[\[\]]?|[^\[\]\\])+)\]/,nolink:/^!?\[(?!\s*\])((?:\[[^\[\]]*\]|\\[\[\]]|[^\[\]])*)\](?:\[\])?/,strong:/^__([^\s_])__(?!_)|^\*\*([^\s*])\*\*(?!\*)|^__([^\s][\s\S]*?[^\s])__(?!_)|^\*\*([^\s][\s\S]*?[^\s])\*\*(?!\*)/,em:/^_([^\s_])_(?!_)|^\*([^\s*<\[])\*(?!\*)|^_([^\s<][\s\S]*?[^\s_])_(?!_|[^\spunctuation])|^_([^\s_<][\s\S]*?[^\s])_(?!_|[^\spunctuation])|^\*([^\s<"][\s\S]*?[^\s\*])\*(?!\*|[^\spunctuation])|^\*([^\s*"<\[][\s\S]*?[^\s])\*(?!\*)/,code:/^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/,br:/^( {2,}|\\)\n(?!\s*$)/,del:f,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\?@\\[^_{|}~",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace("scheme",n._scheme).replace("email",n._email).getRegex(),n._attribute=/\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/,n.tag=i(n.tag).replace("comment",x._comment).replace("attribute",n._attribute).getRegex(),n._label=/(?:\[[^\[\]]*\]|\\[\[\]]?|`[^`]*`|`(?!`)|[^\[\]\\`])*?/,n._href=/\s*(<(?:\\[<>]?|[^\s<>\\])*>|[^\s\x00-\x1f]*)/,n._title=/"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/,n.link=i(n.link).replace("label",n._label).replace("href",n._href).replace("title",n._title).getRegex(),n.reflink=i(n.reflink).replace("label",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\S)([\s\S]*?\S)__(?!_)|^\*\*(?=\S)([\s\S]*?\S)\*\*(?!\*)/,em:/^_(?=\S)([\s\S]*?\S)_(?!_)|^\*(?=\S)([\s\S]*?\S)\*(?!\*)/,link:i(/^!?\[(label)\]\((.*?)\)/).replace("label",n._label).getRegex(),reflink:i(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace("])","~|])").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\S)([\s\S]*?\S)~+/,text:/^(`+|[^`])(?:[\s\S]*?(?:(?=[\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\/(pre|code|kbd|script)(\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],"()");if(-1$/,"$1"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1;}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\s+/g," "),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1;}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r="@"===i[2]?"mailto:"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error("Infinite loop on byte: "+e.charCodeAt(0))}else{if("@"===i[2])r="mailto:"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r="www."===i[1]?"http://"+n:n;}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n);}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,"$1"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return "!"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,"—").replace(/--/g,"–").replace(/(^|[-\u2014/(\[{"\s])'/g,"$1‘").replace(/'/g,"’").replace(/(^|[-\u2014/(\[{\u2018\s])"/g,"$1“").replace(/"/g,"”").replace(/\.{3}/g,"…"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n="",r=e.length,s=0;s'+(n?e:u(e,!0))+"\n":"
";throw e}}k.exec=k,y.options=y.setOptions=function(e){return m(y.defaults,e),y},y.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:"",highlight:null,langPrefix:"language-",mangle:!0,pedantic:!1,renderer:new o,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},y.defaults=y.getDefaults(),y.Parser=l,y.parser=l.parse,y.Renderer=o,y.TextRenderer=a,y.Lexer=r,y.lexer=r.lex,y.InlineLexer=i,y.inlineLexer=i.output,y.Slugger=h,y.parse=y,e.exports=y}(t||"undefined"!=typeof window&&window)}(n={exports:{}},n.exports),n.exports);
+/*!
+ * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class s extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return""}static get properties(){return{}}static get slots(){return{default:{title:"Markdown",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-markdown"}get templateUrl(){return"pfe-markdown.html"}get styleUrl(){return"pfe-markdown.scss"}get schemaUrl(){return"pfe-markdown.json"}get markdown(){return this._markdown}set markdown(e){e&&(this._markdown=this._unindent(e),this.renderMarkdown())}constructor(){super(s),this._markdown=null,this._markdownRender=null,this._markdownContainer=null,this._observerConfig={childList:!0,subtree:!0},this._readyStateChangeHandler=this._readyStateChangeHandler.bind(this),this.observer=new MutationObserver((e,t)=>{this._markdownContainer.textContent?(t.disconnect(),this.markdown=this._markdownContainer.textContent,this._muationObserve()):this._markdownRender.innerHTML=""})}connectedCallback(){super.connectedCallback(),this._markdownRender=document.createElement("div"),this._markdownRender.setAttribute("pfe-markdown-render",""),this.appendChild(this._markdownRender),this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>{this._markdownContainer||(this._markdownContainer=this.querySelector("[pfe-markdown-container]"),this._markdownContainer.style.display="none",this._init())})}disconnectedCallback(){this.observer.disconnect()}_readyStateChangeHandler(e){"complete"===e.target.readyState&&(document.removeEventListener("readystatechange",this._readyStateChangeHandler),this._init())}_init(){this._markdownContainer.textContent&&(this.markdown=this._markdownContainer.textContent),this._muationObserve()}renderMarkdown(){this._markdownRender.innerHTML=r(this.markdown)}_muationObserve(){this.observer.observe(this._markdownContainer,this._observerConfig)}_unindent(e){if(!e)return e;const t=e.replace(/\t/g," ").split("\n"),n=t.reduce(function(e,t){if(/^\s*$/.test(t))return e;const n=t.match(/^(\s*)/)[0].length;return null===e?n:n ?(paragraph|[^\\n]*)(?:\\n|$))+/,list:/^( {0,3})(bull) [\\s\\S]+?(?:hr|def|\\n{2,}(?! )(?!\\1bull )\\n*|\\s*$)/,html:\"^ {0,3}(?:<(script|pre|style)[\\\\s>][\\\\s\\\\S]*?(?:[^\\\\n]*\\\\n+|$)|comment[^\\\\n]*(\\\\n+|$)|<\\\\?[\\\\s\\\\S]*?\\\\?>\\\\n*|\\\\n*|\\\\n*|)[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|<(?!script|pre|style)([a-z][\\\\w-]*)(?:attribute)*? */?>(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$)|(?=[ \\\\t]*(?:\\\\n|$))[\\\\s\\\\S]*?(?:\\\\n{2,}|$))\",def:/^ {0,3}\\[(label)\\]: *\\n? *]+)>?(?:(?: +\\n? *| *\\n *)(title))? *(?:\\n+|$)/,table:f,lheading:/^([^\\n]+)\\n {0,3}(=|-){2,} *(?:\\n+|$)/,paragraph:/^([^\\n]+(?:\\n(?!hr|heading|lheading| {0,3}>|<\\/?(?:tag)(?: +|\\n|\\/?>)|<(?:script|pre|style|!--))[^\\n]+)*)/,text:/^[^\\n]+/};function a(e){this.tokens=[],this.tokens.links=Object.create(null),this.options=e||b.defaults,this.rules=x.normal,this.options.pedantic?this.rules=x.pedantic:this.options.gfm&&(this.options.tables?this.rules=x.tables:this.rules=x.gfm)}x._label=/(?!\\s*\\])(?:\\\\[\\[\\]]|[^\\[\\]])+/,x._title=/(?:\"(?:\\\\\"?|[^\"\\\\])*\"|'[^'\\n]*(?:\\n[^'\\n]+)*\\n?'|\\([^()]*\\))/,x.def=i(x.def).replace(\"label\",x._label).replace(\"title\",x._title).getRegex(),x.bullet=/(?:[*+-]|\\d{1,9}\\.)/,x.item=/^( *)(bull) ?[^\\n]*(?:\\n(?!\\1bull ?)[^\\n]*)*/,x.item=i(x.item,\"gm\").replace(/bull/g,x.bullet).getRegex(),x.list=i(x.list).replace(/bull/g,x.bullet).replace(\"hr\",\"\\\\n+(?=\\\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\\\* *){3,})(?:\\\\n+|$))\").replace(\"def\",\"\\\\n+(?=\"+x.def.source+\")\").getRegex(),x._tag=\"address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul\",x._comment=//,x.html=i(x.html,\"i\").replace(\"comment\",x._comment).replace(\"tag\",x._tag).replace(\"attribute\",/ +[a-zA-Z:_][\\w.:-]*(?: *= *\"[^\"\\n]*\"| *= *'[^'\\n]*'| *= *[^\\s\"'=<>`]+)?/).getRegex(),x.paragraph=i(x.paragraph).replace(\"hr\",x.hr).replace(\"heading\",x.heading).replace(\"lheading\",x.lheading).replace(\"tag\",x._tag).getRegex(),x.blockquote=i(x.blockquote).replace(\"paragraph\",x.paragraph).getRegex(),x.normal=d({},x),x.gfm=d({},x.normal,{fences:/^ {0,3}(`{3,}|~{3,})([^`\\n]*)\\n(?:|([\\s\\S]*?)\\n)(?: {0,3}\\1[~`]* *(?:\\n+|$)|$)/,paragraph:/^/,heading:/^ *(#{1,6}) +([^\\n]+?) *#* *(?:\\n+|$)/}),x.gfm.paragraph=i(x.paragraph).replace(\"(?!\",\"(?!\"+x.gfm.fences.source.replace(\"\\\\1\",\"\\\\2\")+\"|\"+x.list.source.replace(\"\\\\1\",\"\\\\3\")+\"|\").getRegex(),x.tables=d({},x.gfm,{nptable:/^ *([^|\\n ].*\\|.*)\\n *([-:]+ *\\|[-| :]*)(?:\\n((?:.*[^>\\n ].*(?:\\n|$))*)\\n*|$)/,table:/^ *\\|(.+)\\n *\\|?( *[-:]+[-| :]*)(?:\\n((?: *[^>\\n ].*(?:\\n|$))*)\\n*|$)/}),x.pedantic=d({},x.normal,{html:i(\"^ *(?:comment *(?:\\\\n|\\\\s*$)|<(tag)[\\\\s\\\\S]+? *(?:\\\\n{2,}|\\\\s*$)|\\\\s]*)*?/?> *(?:\\\\n{2,}|\\\\s*$))\").replace(\"comment\",x._comment).replace(/tag/g,\"(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\\\b)\\\\w+(?!:|[^\\\\w\\\\s@]*@)\\\\b\").getRegex(),def:/^ *\\[([^\\]]+)\\]: *]+)>?(?: +([\"(][^\\n]+[\")]))? *(?:\\n+|$)/}),a.rules=x,a.lex=function(e,t){return new a(t).lex(e)},a.prototype.lex=function(e){return e=e.replace(/\\r\\n|\\r/g,\"\\n\").replace(/\\t/g,\" \").replace(/\\u00a0/g,\" \").replace(/\\u2424/g,\"\\n\"),this.token(e,!0)},a.prototype.token=function(e,t){var n,r,s,i,l,o,a,h,p,u,c,g,f,d,m,b;for(e=e.replace(/^ +$/gm,\"\");e;)if((s=this.rules.newline.exec(e))&&(e=e.substring(s[0].length),1 ?/gm,\"\"),this.token(s,t),this.tokens.push({type:\"blockquote_end\"});else if(s=this.rules.list.exec(e)){for(e=e.substring(s[0].length),a={type:\"list_start\",ordered:d=1<(i=s[2]).length,start:d?+i:\"\",loose:!1},this.tokens.push(a),n=!(h=[]),f=(s=s[0].match(this.rules.item)).length,c=0;c?@\\[\\]\\\\^_`{|}~])/,autolink:/^<(scheme:[^\\s\\x00-\\x1f<>]*|email)>/,url:f,tag:\"^comment|^|^<[a-zA-Z][\\\\w-]*(?:attribute)*?\\\\s*/?>|^<\\\\?[\\\\s\\\\S]*?\\\\?>|^|^\",link:/^!?\\[(label)\\]\\(href(?:\\s+(title))?\\s*\\)/,reflink:/^!?\\[(label)\\]\\[(?!\\s*\\])((?:\\\\[\\[\\]]?|[^\\[\\]\\\\])+)\\]/,nolink:/^!?\\[(?!\\s*\\])((?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]|[^\\[\\]])*)\\](?:\\[\\])?/,strong:/^__([^\\s_])__(?!_)|^\\*\\*([^\\s*])\\*\\*(?!\\*)|^__([^\\s][\\s\\S]*?[^\\s])__(?!_)|^\\*\\*([^\\s][\\s\\S]*?[^\\s])\\*\\*(?!\\*)/,em:/^_([^\\s_])_(?!_)|^\\*([^\\s*<\\[])\\*(?!\\*)|^_([^\\s<][\\s\\S]*?[^\\s_])_(?!_|[^\\spunctuation])|^_([^\\s_<][\\s\\S]*?[^\\s])_(?!_|[^\\spunctuation])|^\\*([^\\s<\"][\\s\\S]*?[^\\s\\*])\\*(?!\\*|[^\\spunctuation])|^\\*([^\\s*\"<\\[][\\s\\S]*?[^\\s])\\*(?!\\*)/,code:/^(`+)([^`]|[^`][\\s\\S]*?[^`])\\1(?!`)/,br:/^( {2,}|\\\\)\\n(?!\\s*$)/,del:f,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\?@\\\\[^_{|}~\",n.em=i(n.em).replace(/punctuation/g,n._punctuation).getRegex(),n._escapes=/\\\\([!\"#$%&'()*+,\\-./:;<=>?@\\[\\]\\\\^_`{|}~])/g,n._scheme=/[a-zA-Z][a-zA-Z0-9+.-]{1,31}/,n._email=/[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/,n.autolink=i(n.autolink).replace(\"scheme\",n._scheme).replace(\"email\",n._email).getRegex(),n._attribute=/\\s+[a-zA-Z:_][\\w.:-]*(?:\\s*=\\s*\"[^\"]*\"|\\s*=\\s*'[^']*'|\\s*=\\s*[^\\s\"'=<>`]+)?/,n.tag=i(n.tag).replace(\"comment\",x._comment).replace(\"attribute\",n._attribute).getRegex(),n._label=/(?:\\[[^\\[\\]]*\\]|\\\\[\\[\\]]?|`[^`]*`|`(?!`)|[^\\[\\]\\\\`])*?/,n._href=/\\s*(<(?:\\\\[<>]?|[^\\s<>\\\\])*>|[^\\s\\x00-\\x1f]*)/,n._title=/\"(?:\\\\\"?|[^\"\\\\])*\"|'(?:\\\\'?|[^'\\\\])*'|\\((?:\\\\\\)?|[^)\\\\])*\\)/,n.link=i(n.link).replace(\"label\",n._label).replace(\"href\",n._href).replace(\"title\",n._title).getRegex(),n.reflink=i(n.reflink).replace(\"label\",n._label).getRegex(),n.normal=d({},n),n.pedantic=d({},n.normal,{strong:/^__(?=\\S)([\\s\\S]*?\\S)__(?!_)|^\\*\\*(?=\\S)([\\s\\S]*?\\S)\\*\\*(?!\\*)/,em:/^_(?=\\S)([\\s\\S]*?\\S)_(?!_)|^\\*(?=\\S)([\\s\\S]*?\\S)\\*(?!\\*)/,link:i(/^!?\\[(label)\\]\\((.*?)\\)/).replace(\"label\",n._label).getRegex(),reflink:i(/^!?\\[(label)\\]\\s*\\[([^\\]]*)\\]/).replace(\"label\",n._label).getRegex()}),n.gfm=d({},n.normal,{escape:i(n.escape).replace(\"])\",\"~|])\").getRegex(),_extended_email:/[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/,url:/^((?:ftp|https?):\\/\\/|www\\.)(?:[a-zA-Z0-9\\-]+\\.?)+[^\\s<]*|^email/,_backpedal:/(?:[^?!.,:;*_~()&]+|\\([^)]*\\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_~)]+(?!$))+/,del:/^~+(?=\\S)([\\s\\S]*?\\S)~+/,text:/^(`+|[^`])(?:[\\s\\S]*?(?:(?=[\\\\/i.test(i[0])&&(this.inLink=!1),!this.inRawBlock&&/^<(pre|code|kbd|script)(\\s|>)/i.test(i[0])?this.inRawBlock=!0:this.inRawBlock&&/^<\\/(pre|code|kbd|script)(\\s|>)/i.test(i[0])&&(this.inRawBlock=!1),e=e.substring(i[0].length),o+=this.options.sanitize?this.options.sanitizer?this.options.sanitizer(i[0]):u(i[0]):i[0];else if(i=this.rules.link.exec(e)){var a=m(i[2],\"()\");if(-1$/,\"$1\"),o+=this.outputLink(i,{href:p.escapes(r),title:p.escapes(s)}),this.inLink=!1}else if((i=this.rules.reflink.exec(e))||(i=this.rules.nolink.exec(e))){if(e=e.substring(i[0].length),t=(i[2]||i[1]).replace(/\\s+/g,\" \"),!(t=this.links[t.toLowerCase()])||!t.href){o+=i[0].charAt(0),e=i[0].substring(1)+e;continue}this.inLink=!0,o+=this.outputLink(i,t),this.inLink=!1}else if(i=this.rules.strong.exec(e))e=e.substring(i[0].length),o+=this.renderer.strong(this.output(i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.em.exec(e))e=e.substring(i[0].length),o+=this.renderer.em(this.output(i[6]||i[5]||i[4]||i[3]||i[2]||i[1]));else if(i=this.rules.code.exec(e))e=e.substring(i[0].length),o+=this.renderer.codespan(u(i[2].trim(),!0));else if(i=this.rules.br.exec(e))e=e.substring(i[0].length),o+=this.renderer.br();else if(i=this.rules.del.exec(e))e=e.substring(i[0].length),o+=this.renderer.del(this.output(i[1]));else if(i=this.rules.autolink.exec(e))e=e.substring(i[0].length),r=\"@\"===i[2]?\"mailto:\"+(n=u(this.mangle(i[1]))):n=u(i[1]),o+=this.renderer.link(r,null,n);else if(this.inLink||!(i=this.rules.url.exec(e))){if(i=this.rules.text.exec(e))e=e.substring(i[0].length),this.inRawBlock?o+=this.renderer.text(i[0]):o+=this.renderer.text(u(this.smartypants(i[0])));else if(e)throw new Error(\"Infinite loop on byte: \"+e.charCodeAt(0))}else{if(\"@\"===i[2])r=\"mailto:\"+(n=u(i[0]));else{for(;l=i[0],i[0]=this.rules._backpedal.exec(i[0])[0],l!==i[0];);n=u(i[0]),r=\"www.\"===i[1]?\"http://\"+n:n}e=e.substring(i[0].length),o+=this.renderer.link(r,null,n)}return o},p.escapes=function(e){return e?e.replace(p.rules._escapes,\"$1\"):e},p.prototype.outputLink=function(e,t){var n=t.href,r=t.title?u(t.title):null;return\"!\"!==e[0].charAt(0)?this.renderer.link(n,r,this.output(e[1])):this.renderer.image(n,r,u(e[1]))},p.prototype.smartypants=function(e){return this.options.smartypants?e.replace(/---/g,\"—\").replace(/--/g,\"–\").replace(/(^|[-\\u2014/(\\[{\"\\s])'/g,\"$1‘\").replace(/'/g,\"’\").replace(/(^|[-\\u2014/(\\[{\\u2018\\s])\"/g,\"$1“\").replace(/\"/g,\"”\").replace(/\\.{3}/g,\"…\"):e},p.prototype.mangle=function(e){if(!this.options.mangle)return e;for(var t,n=\"\",r=e.length,s=0;s'+(n?e:u(e,!0))+\"\\n\":\"
\";throw e}}f.exec=f,b.options=b.setOptions=function(e){return d(b.defaults,e),b},b.getDefaults=function(){return{baseUrl:null,breaks:!1,gfm:!0,headerIds:!0,headerPrefix:\"\",highlight:null,langPrefix:\"language-\",mangle:!0,pedantic:!1,renderer:new r,sanitize:!1,sanitizer:null,silent:!1,smartLists:!1,smartypants:!1,tables:!0,xhtml:!1}},b.defaults=b.getDefaults(),b.Parser=h,b.parser=h.parse,b.Renderer=r,b.TextRenderer=s,b.Lexer=a,b.lexer=a.lex,b.InlineLexer=p,b.inlineLexer=p.output,b.Slugger=t,b.parse=b,\"undefined\"!=typeof module&&\"object\"==typeof exports?module.exports=b:\"function\"==typeof define&&define.amd?define(function(){return b}):e.marked=b}(this||(\"undefined\"!=typeof window?window:global));","/*!\n * PatternFly Elements: PfeMarkdown 1.0.0-prerelease.54\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/dist/pfelement.umd\";\nimport marked from \"marked/marked.min.js\";\n\nclass PfeMarkdown extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"default\":{\"title\":\"Markdown\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-markdown\";\n }\n\n get templateUrl() {\n return \"pfe-markdown.html\";\n }\n\n get styleUrl() {\n return \"pfe-markdown.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-markdown.json\";\n }\n\n get markdown() {\n return this._markdown;\n }\n\n set markdown(text) {\n if (!text) {\n return;\n }\n\n this._markdown = this._unindent(text);\n this.renderMarkdown();\n }\n\n constructor() {\n super(PfeMarkdown);\n\n this._markdown = null;\n this._markdownRender = null;\n this._markdownContainer = null;\n this._observerConfig = { childList: true, subtree: true };\n this._readyStateChangeHandler = this._readyStateChangeHandler.bind(this);\n\n this.observer = new MutationObserver((mutationList, observer) => {\n if (!this._markdownContainer.textContent) {\n this._markdownRender.innerHTML = \"\";\n return;\n }\n\n // TODO: when we stop supporting IE11, the need to disconnect and\n // then reconnect will no longer be needed\n observer.disconnect();\n this.markdown = this._markdownContainer.textContent;\n this._muationObserve();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._markdownRender = document.createElement(\"div\");\n this._markdownRender.setAttribute(\"pfe-markdown-render\", \"\");\n this.appendChild(this._markdownRender);\n\n this.shadowRoot.querySelector(\"slot\").addEventListener(\"slotchange\", () => {\n if (!this._markdownContainer) {\n this._markdownContainer = this.querySelector(\n \"[pfe-markdown-container]\"\n );\n this._markdownContainer.style.display = \"none\";\n\n this._init();\n }\n });\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n _readyStateChangeHandler(event) {\n if (event.target.readyState === \"complete\") {\n document.removeEventListener(\n \"readystatechange\",\n this._readyStateChangeHandler\n );\n this._init();\n }\n }\n\n _init() {\n if (this._markdownContainer.textContent) {\n this.markdown = this._markdownContainer.textContent;\n }\n\n this._muationObserve();\n }\n\n renderMarkdown() {\n this._markdownRender.innerHTML = marked(this.markdown);\n }\n\n _muationObserve() {\n this.observer.observe(this._markdownContainer, this._observerConfig);\n }\n\n // pulled from https://github.com/PolymerElements/marked-element/blob/master/marked-element.js#L340\n _unindent(text) {\n if (!text) {\n return text;\n }\n\n const lines = text.replace(/\\t/g, \" \").split(\"\\n\");\n const indent = lines.reduce(function(prev, line) {\n if (/^\\s*$/.test(line)) {\n return prev; // Completely ignore blank lines.\n }\n\n const lineIndent = line.match(/^(\\s*)/)[0].length;\n\n if (prev === null) {\n return lineIndent;\n }\n\n return lineIndent < prev ? lineIndent : prev;\n }, null);\n\n return lines\n .map(function(l) {\n return l.substr(indent);\n })\n .join(\"\\n\");\n }\n}\n\nPFElement.create(PfeMarkdown);\n\nexport default PfeMarkdown;\n"],"names":["x","newline","code","fences","f","hr","heading","nptable","blockquote","list","html","def","table","lheading","paragraph","text","a","e","tokens","this","links","Object","create","options","b","defaults","rules","normal","pedantic","gfm","tables","_label","_title","i","replace","getRegex","bullet","item","source","_tag","_comment","d","lex","t","prototype","token","n","r","s","l","o","h","p","u","c","g","m","exec","substring","length","push","type","k","trimRight","codeBlockStyle","_","lang","trim","depth","header","y","align","split","cells","test","ordered","start","loose","match","indexOf","RegExp","smartLists","slice","join","charAt","task","checked","sanitize","pre","sanitizer","toLowerCase","href","title","Error","charCodeAt","escape","autolink","url","tag","link","reflink","nolink","strong","em","br","del","renderer","breaks","slugger","seen","escapeTest","escapeReplace","replacements","escapeTestNoEncode","escapeReplaceNoEncode","String","fromCharCode","parseInt","decodeURIComponent","encodeURI","_punctuation","_escapes","_scheme","_email","_attribute","_href","_extended_email","_backpedal","output","inLink","inRawBlock","outputLink","escapes","codespan","mangle","smartypants","image","Math","random","toString","highlight","langPrefix","headerIds","headerPrefix","slug","xhtml","listitem","checkbox","tablerow","tablecell","baseUrl","parse","inline","inlineText","reverse","next","tok","pop","peek","parseText","escaped","silent","console","log","hasOwnProperty","&","<",">","\"","'","arguments","call","splice","substr","message","setOptions","getDefaults","Parser","parser","Renderer","TextRenderer","Lexer","lexer","InlineLexer","inlineLexer","Slugger","module","window","PfeMarkdown","PFElement","_markdown","_unindent","renderMarkdown","default","namedSlot","items","oneOf","$ref","_markdownRender","document","createElement","setAttribute","appendChild","shadowRoot","querySelector","addEventListener","_this2","_markdownContainer","style","display","_init","observer","disconnect","event","target","readyState","removeEventListener","_readyStateChangeHandler","textContent","markdown","_muationObserve","innerHTML","marked","observe","_observerConfig","lines","indent","reduce","prev","line","lineIndent","map","childList","subtree","_this","bind","MutationObserver","mutationList"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-markdown/package-lock.json b/elements/pfe-markdown/package-lock.json
index 066a7b7b0b..ea918d4475 100644
--- a/elements/pfe-markdown/package-lock.json
+++ b/elements/pfe-markdown/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-markdown",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-markdown/package.json b/elements/pfe-markdown/package.json
index 6e8e71c51d..1350519ad7 100644
--- a/elements/pfe-markdown/package.json
+++ b/elements/pfe-markdown/package.json
@@ -4,7 +4,7 @@
"className": "PfeMarkdown",
"elementName": "pfe-markdown"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Markdown element for PatternFly Elements",
"repository": {
"type": "git",
@@ -43,7 +43,7 @@
"marked": "^0.6.1"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.1.0",
"bugs": {
diff --git a/elements/pfe-modal/dist/pfe-modal.js b/elements/pfe-modal/dist/pfe-modal.js
new file mode 100644
index 0000000000..ba4ec647dc
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.js
@@ -0,0 +1,274 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL String.prototype.startsWith
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith
+if (!String.prototype.startsWith) {
+ Object.defineProperty(String.prototype, "startsWith", {
+ value: function(search, rawPos) {
+ var pos = rawPos > 0 ? rawPos | 0 : 0;
+ return this.substring(pos, pos + search.length) === search;
+ }
+ });
+}
+
+/*!
+ * PatternFly Elements: PfeModal 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeModal extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+
+
+
+
+
+
+
+
+
+
+
+`;
+ }
+
+ static get properties() {
+ return {};
+ }
+
+ static get slots() {
+ return {"trigger":{"title":"Trigger","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"header":{"title":"Header","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"body":{"title":"Body","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-modal";
+ }
+
+ get templateUrl() {
+ return "pfe-modal.html";
+ }
+
+ get schemaUrl() {
+ return "pfe-modal.json";
+ }
+
+ get styleUrl() {
+ return "pfe-modal.scss";
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Container;
+ }
+
+ static get events() {
+ return {
+ open: `${this.tag}:open`,
+ close: `${this.tag}:close`
+ };
+ }
+
+ constructor() {
+ super(PfeModal, { type: PfeModal.PfeType });
+
+ this.header_id = this.randomId;
+ this.isOpen = false;
+
+ this._keydownHandler = this._keydownHandler.bind(this);
+ this.toggle = this.toggle.bind(this);
+
+ // These fire custom events
+ this.open = this.open.bind(this);
+ this.close = this.close.bind(this);
+
+ this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);
+ this._modalCloseButton = this.shadowRoot.querySelector(
+ `.${this.tag}__close`
+ );
+ this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);
+ this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);
+ this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);
+
+ this._observer = new MutationObserver(() => {
+ this._mapSchemaToSlots(this.tag, this.slots);
+ this._init();
+ });
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this._init();
+
+ this.addEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.addEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.addEventListener("click", this.close);
+ this._overlay.addEventListener("click", this.close);
+
+ this._observer.observe(this, { childList: true });
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.removeEventListener("click", this.close);
+ this._modalCloseButton.removeEventListener("click", this.close);
+ this._overlay.removeEventListener("click", this.close);
+
+ if (this.trigger) {
+ this.trigger.removeEventListener("click", this.open);
+ }
+
+ this._observer.disconnect();
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback(attr, oldVal, newVal);
+ }
+
+ _init() {
+ this.trigger = this.querySelector(`[slot="${this.tag}--trigger"]`);
+ this.header = this.querySelector(`[slot="${this.tag}--header"]`);
+ this.body = [...this.querySelectorAll(`*:not([slot])`)];
+
+ if (this.trigger) {
+ this.trigger.addEventListener("click", this.open);
+ this.removeAttribute("hidden");
+ }
+
+ if (this.header) {
+ this.header.setAttribute("id", this.header_id);
+ this._modalWindow.setAttribute("aria-labelledby", this.header_id);
+ } else {
+ // Get the first heading in the modal if it exists
+ const headings = this.body.filter(el => el.tagName.startsWith("H"));
+ if (headings.length > 0) {
+ headings[0].setAttribute("id", this.header_id);
+ this._modalWindow.setAttribute("aria-labelledby", this.header_id);
+ } else if (this.trigger) {
+ this._modalWindow.setAttribute("aria-label", this.trigger.innerText);
+ }
+ }
+ }
+
+ _keydownHandler(event) {
+ let target = event.target || window.event.srcElement;
+ let key = event.key || event.keyCode;
+ switch (key) {
+ case "Tab":
+ case 9:
+ if (target === this._modalCloseButton) {
+ event.preventDefault();
+ this._modalWindow.focus();
+ }
+ return;
+ case "Escape":
+ case "Esc":
+ case 27:
+ this.close(event);
+ return;
+ case "Enter":
+ case 13:
+ if (target === this.trigger) {
+ this.open(event);
+ }
+ return;
+ }
+ }
+
+ toggle(event) {
+ this.isOpen ? this.close(event) : this.open(event);
+ return this;
+ }
+
+ open(event) {
+ if (event) {
+ event.preventDefault();
+ this.trigger = event ? event.target : window.event.srcElement;
+ }
+
+ const detail = {
+ open: true
+ };
+
+ if (event && this.trigger) {
+ detail.trigger = this.trigger;
+ }
+
+ this.isOpen = true;
+ // Reveal the container and overlay
+ this._modalWindow.removeAttribute("hidden");
+ this._overlay.removeAttribute("hidden");
+ this._outer.removeAttribute("hidden");
+ // This prevents background scroll
+ document.body.style.overflow = "hidden";
+ // Set the focus to the container
+ this._modalWindow.focus();
+
+ this.emitEvent(PfeModal.events.open, { detail });
+
+ return this;
+ }
+
+ close(event) {
+ if (event) {
+ event.preventDefault();
+ }
+
+ this.isOpen = false;
+ // Hide the container and overlay
+ this._modalWindow.setAttribute("hidden", true);
+ this._overlay.setAttribute("hidden", true);
+ this._outer.setAttribute("hidden", true);
+ // Return scrollability
+ document.body.style.overflow = "auto";
+
+ if (this.trigger) {
+ // Move focus back to the trigger element
+ this.trigger.focus();
+ this.trigger = null;
+ }
+
+ this.emitEvent(PfeModal.events.close, {
+ detail: {
+ open: false
+ }
+ });
+
+ return this;
+ }
+}
+
+PFElement.create(PfeModal);
+
+export default PfeModal;
+//# sourceMappingURL=pfe-modal.js.map
diff --git a/elements/pfe-modal/dist/pfe-modal.js.map b/elements/pfe-modal/dist/pfe-modal.js.map
new file mode 100644
index 0000000000..be6e3ae880
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-modal.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.54\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\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-modal/dist/pfe-modal.json b/elements/pfe-modal/dist/pfe-modal.json
new file mode 100644
index 0000000000..8ec92ebbf3
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.json
@@ -0,0 +1,56 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Modal",
+ "description": "This element renders slotted content in a modal.",
+ "type": "object",
+ "tag": "pfe-modal",
+ "class": "pfe-modal",
+ "category": "container",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "trigger": {
+ "title": "Trigger",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "header": {
+ "title": "Header",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "body": {
+ "title": "Body",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ }
+ },
+ "required": ["slots"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-modal/dist/pfe-modal.min.js b/elements/pfe-modal/dist/pfe-modal.min.js
new file mode 100644
index 0000000000..a486a2decf
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){var i=t>0?0|t:0;return this.substring(i,i+e.length)===e}})
+/*!
+ * PatternFly Elements: PfeModal 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/;class t extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n'}static get properties(){return{}}static get slots(){return{trigger:{title:"Trigger",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},header:{title:"Header",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-modal"}get templateUrl(){return"pfe-modal.html"}get schemaUrl(){return"pfe-modal.json"}get styleUrl(){return"pfe-modal.scss"}static get PfeType(){return e.PfeTypes.Container}static get events(){return{open:`${this.tag}:open`,close:`${this.tag}:close`}}constructor(){super(t,{type:t.PfeType}),this.header_id=this.randomId,this.isOpen=!1,this._keydownHandler=this._keydownHandler.bind(this),this.toggle=this.toggle.bind(this),this.open=this.open.bind(this),this.close=this.close.bind(this),this._modalWindow=this.shadowRoot.querySelector(`.${this.tag}__window`),this._modalCloseButton=this.shadowRoot.querySelector(`.${this.tag}__close`),this._overlay=this.shadowRoot.querySelector(`.${this.tag}__overlay`),this._container=this.shadowRoot.querySelector(`.${this.tag}__container`),this._outer=this.shadowRoot.querySelector(`.${this.tag}__outer`),this._observer=new MutationObserver(()=>{this._mapSchemaToSlots(this.tag,this.slots),this._init()})}connectedCallback(){super.connectedCallback(),this._init(),this.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("click",this.close),this._overlay.addEventListener("click",this.close),this._observer.observe(this,{childList:!0})}disconnectedCallback(){this.removeEventListener("keydown",this._keydownHandler),this._modalCloseButton.removeEventListener("click",this.close),this._modalCloseButton.removeEventListener("click",this.close),this._overlay.removeEventListener("click",this.close),this.trigger&&this.trigger.removeEventListener("click",this.open),this._observer.disconnect()}attributeChangedCallback(e,t,i){super.attributeChangedCallback(e,t,i)}_init(){if(this.trigger=this.querySelector(`[slot="${this.tag}--trigger"]`),this.header=this.querySelector(`[slot="${this.tag}--header"]`),this.body=[...this.querySelectorAll("*:not([slot])")],this.trigger&&(this.trigger.addEventListener("click",this.open),this.removeAttribute("hidden")),this.header)this.header.setAttribute("id",this.header_id),this._modalWindow.setAttribute("aria-labelledby",this.header_id);else{const e=this.body.filter(e=>e.tagName.startsWith("H"));e.length>0?(e[0].setAttribute("id",this.header_id),this._modalWindow.setAttribute("aria-labelledby",this.header_id)):this.trigger&&this._modalWindow.setAttribute("aria-label",this.trigger.innerText)}}_keydownHandler(e){let t=e.target||window.event.srcElement;switch(e.key||e.keyCode){case"Tab":case 9:return void(t===this._modalCloseButton&&(e.preventDefault(),this._modalWindow.focus()));case"Escape":case"Esc":case 27:return void this.close(e);case"Enter":case 13:return void(t===this.trigger&&this.open(e))}}toggle(e){return this.isOpen?this.close(e):this.open(e),this}open(e){e&&(e.preventDefault(),this.trigger=e?e.target:window.event.srcElement);const i={open:!0};return e&&this.trigger&&(i.trigger=this.trigger),this.isOpen=!0,this._modalWindow.removeAttribute("hidden"),this._overlay.removeAttribute("hidden"),this._outer.removeAttribute("hidden"),document.body.style.overflow="hidden",this._modalWindow.focus(),this.emitEvent(t.events.open,{detail:i}),this}close(e){return e&&e.preventDefault(),this.isOpen=!1,this._modalWindow.setAttribute("hidden",!0),this._overlay.setAttribute("hidden",!0),this._outer.setAttribute("hidden",!0),document.body.style.overflow="auto",this.trigger&&(this.trigger.focus(),this.trigger=null),this.emitEvent(t.events.close,{detail:{open:!1}}),this}}e.create(t);export default t;
+//# sourceMappingURL=pfe-modal.min.js.map
diff --git a/elements/pfe-modal/dist/pfe-modal.min.js.map b/elements/pfe-modal/dist/pfe-modal.min.js.map
new file mode 100644
index 0000000000..46708f24da
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-modal.min.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.54\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\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":["String","prototype","startsWith","Object","defineProperty","value","search","rawPos","pos","this","substring","length","PfeModal","PFElement","version","html","properties","slots","trigger","title","type","namedSlot","items","oneOf","$ref","header","body","tag","templateUrl","schemaUrl","styleUrl","PfeType","PfeTypes","Container","events","open","close","[object Object]","super","header_id","randomId","isOpen","_keydownHandler","bind","toggle","_modalWindow","shadowRoot","querySelector","_modalCloseButton","_overlay","_container","_outer","_observer","MutationObserver","_mapSchemaToSlots","_init","connectedCallback","addEventListener","observe","childList","removeEventListener","disconnect","attr","oldVal","newVal","attributeChangedCallback","querySelectorAll","removeAttribute","setAttribute","headings","filter","el","tagName","innerText","event","target","window","srcElement","key","keyCode","preventDefault","focus","detail","document","style","overflow","emitEvent","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-modal/dist/pfe-modal.umd.js b/elements/pfe-modal/dist/pfe-modal.umd.js
new file mode 100644
index 0000000000..ecfbfa3959
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.umd.js
@@ -0,0 +1,377 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeModal = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL String.prototype.startsWith
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith
+ if (!String.prototype.startsWith) {
+ Object.defineProperty(String.prototype, "startsWith", {
+ value: function value(search, rawPos) {
+ var pos = rawPos > 0 ? rawPos | 0 : 0;
+ return this.substring(pos, pos + search.length) === search;
+ }
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeModal 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeModal = function (_PFElement) {
+ inherits(PfeModal, _PFElement);
+ createClass(PfeModal, [{
+ key: "html",
+ get: function get$$1() {
+ return "\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-modal.html";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-modal.json";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-modal.scss";
+ }
+
+ // Declare the type of this component
+
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return {};
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "trigger": { "title": "Trigger", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "header": { "title": "Header", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "body": { "title": "Body", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-modal";
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ open: this.tag + ":open",
+ close: this.tag + ":close"
+ };
+ }
+ }]);
+
+ function PfeModal() {
+ classCallCheck(this, PfeModal);
+
+ var _this = possibleConstructorReturn(this, (PfeModal.__proto__ || Object.getPrototypeOf(PfeModal)).call(this, PfeModal, { type: PfeModal.PfeType }));
+
+ _this.header_id = _this.randomId;
+ _this.isOpen = false;
+
+ _this._keydownHandler = _this._keydownHandler.bind(_this);
+ _this.toggle = _this.toggle.bind(_this);
+
+ // These fire custom events
+ _this.open = _this.open.bind(_this);
+ _this.close = _this.close.bind(_this);
+
+ _this._modalWindow = _this.shadowRoot.querySelector("." + _this.tag + "__window");
+ _this._modalCloseButton = _this.shadowRoot.querySelector("." + _this.tag + "__close");
+ _this._overlay = _this.shadowRoot.querySelector("." + _this.tag + "__overlay");
+ _this._container = _this.shadowRoot.querySelector("." + _this.tag + "__container");
+ _this._outer = _this.shadowRoot.querySelector("." + _this.tag + "__outer");
+
+ _this._observer = new MutationObserver(function () {
+ _this._mapSchemaToSlots(_this.tag, _this.slots);
+ _this._init();
+ });
+ return _this;
+ }
+
+ createClass(PfeModal, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeModal.prototype.__proto__ || Object.getPrototypeOf(PfeModal.prototype), "connectedCallback", this).call(this);
+
+ this._init();
+
+ this.addEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.addEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.addEventListener("click", this.close);
+ this._overlay.addEventListener("click", this.close);
+
+ this._observer.observe(this, { childList: true });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener("keydown", this._keydownHandler);
+ this._modalCloseButton.removeEventListener("click", this.close);
+ this._modalCloseButton.removeEventListener("click", this.close);
+ this._overlay.removeEventListener("click", this.close);
+
+ if (this.trigger) {
+ this.trigger.removeEventListener("click", this.open);
+ }
+
+ this._observer.disconnect();
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeModal.prototype.__proto__ || Object.getPrototypeOf(PfeModal.prototype), "attributeChangedCallback", this).call(this, attr, oldVal, newVal);
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ this.trigger = this.querySelector("[slot=\"" + this.tag + "--trigger\"]");
+ this.header = this.querySelector("[slot=\"" + this.tag + "--header\"]");
+ this.body = [].concat(toConsumableArray(this.querySelectorAll("*:not([slot])")));
+
+ if (this.trigger) {
+ this.trigger.addEventListener("click", this.open);
+ this.removeAttribute("hidden");
+ }
+
+ if (this.header) {
+ this.header.setAttribute("id", this.header_id);
+ this._modalWindow.setAttribute("aria-labelledby", this.header_id);
+ } else {
+ // Get the first heading in the modal if it exists
+ var headings = this.body.filter(function (el) {
+ return el.tagName.startsWith("H");
+ });
+ if (headings.length > 0) {
+ headings[0].setAttribute("id", this.header_id);
+ this._modalWindow.setAttribute("aria-labelledby", this.header_id);
+ } else if (this.trigger) {
+ this._modalWindow.setAttribute("aria-label", this.trigger.innerText);
+ }
+ }
+ }
+ }, {
+ key: "_keydownHandler",
+ value: function _keydownHandler(event) {
+ var target = event.target || window.event.srcElement;
+ var key = event.key || event.keyCode;
+ switch (key) {
+ case "Tab":
+ case 9:
+ if (target === this._modalCloseButton) {
+ event.preventDefault();
+ this._modalWindow.focus();
+ }
+ return;
+ case "Escape":
+ case "Esc":
+ case 27:
+ this.close(event);
+ return;
+ case "Enter":
+ case 13:
+ if (target === this.trigger) {
+ this.open(event);
+ }
+ return;
+ }
+ }
+ }, {
+ key: "toggle",
+ value: function toggle(event) {
+ this.isOpen ? this.close(event) : this.open(event);
+ return this;
+ }
+ }, {
+ key: "open",
+ value: function open(event) {
+ if (event) {
+ event.preventDefault();
+ this.trigger = event ? event.target : window.event.srcElement;
+ }
+
+ var detail = {
+ open: true
+ };
+
+ if (event && this.trigger) {
+ detail.trigger = this.trigger;
+ }
+
+ this.isOpen = true;
+ // Reveal the container and overlay
+ this._modalWindow.removeAttribute("hidden");
+ this._overlay.removeAttribute("hidden");
+ this._outer.removeAttribute("hidden");
+ // This prevents background scroll
+ document.body.style.overflow = "hidden";
+ // Set the focus to the container
+ this._modalWindow.focus();
+
+ this.emitEvent(PfeModal.events.open, { detail: detail });
+
+ return this;
+ }
+ }, {
+ key: "close",
+ value: function close(event) {
+ if (event) {
+ event.preventDefault();
+ }
+
+ this.isOpen = false;
+ // Hide the container and overlay
+ this._modalWindow.setAttribute("hidden", true);
+ this._overlay.setAttribute("hidden", true);
+ this._outer.setAttribute("hidden", true);
+ // Return scrollability
+ document.body.style.overflow = "auto";
+
+ if (this.trigger) {
+ // Move focus back to the trigger element
+ this.trigger.focus();
+ this.trigger = null;
+ }
+
+ this.emitEvent(PfeModal.events.close, {
+ detail: {
+ open: false
+ }
+ });
+
+ return this;
+ }
+ }]);
+ return PfeModal;
+ }(PFElement);
+
+ PFElement.create(PfeModal);
+
+ return PfeModal;
+
+})));
+//# sourceMappingURL=pfe-modal.umd.js.map
diff --git a/elements/pfe-modal/dist/pfe-modal.umd.js.map b/elements/pfe-modal/dist/pfe-modal.umd.js.map
new file mode 100644
index 0000000000..3666bbf209
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-modal.umd.js","sources":["../_temp/polyfills--pfe-modal.js","../_temp/pfe-modal.umd.js"],"sourcesContent":["// @POLYFILL String.prototype.startsWith\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/startsWith\nif (!String.prototype.startsWith) {\n Object.defineProperty(String.prototype, \"startsWith\", {\n value: function(search, rawPos) {\n var pos = rawPos > 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.54\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\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n`;\n }\n\n static get properties() {\n return {};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"header\":{\"title\":\"Header\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"body\":{\"title\":\"Body\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-modal\";\n }\n\n get templateUrl() {\n return \"pfe-modal.html\";\n }\n\n get schemaUrl() {\n return \"pfe-modal.json\";\n }\n\n get styleUrl() {\n return \"pfe-modal.scss\";\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get events() {\n return {\n open: `${this.tag}:open`,\n close: `${this.tag}:close`\n };\n }\n\n constructor() {\n super(PfeModal, { type: PfeModal.PfeType });\n\n this.header_id = this.randomId;\n this.isOpen = false;\n\n this._keydownHandler = this._keydownHandler.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // These fire custom events\n this.open = this.open.bind(this);\n this.close = this.close.bind(this);\n\n this._modalWindow = this.shadowRoot.querySelector(`.${this.tag}__window`);\n this._modalCloseButton = this.shadowRoot.querySelector(\n `.${this.tag}__close`\n );\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._container = this.shadowRoot.querySelector(`.${this.tag}__container`);\n this._outer = this.shadowRoot.querySelector(`.${this.tag}__outer`);\n\n this._observer = new MutationObserver(() => {\n this._mapSchemaToSlots(this.tag, this.slots);\n this._init();\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n this.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.addEventListener(\"click\", this.close);\n this._overlay.addEventListener(\"click\", this.close);\n\n this._observer.observe(this, { childList: true });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._modalCloseButton.removeEventListener(\"click\", this.close);\n this._overlay.removeEventListener(\"click\", this.close);\n\n if (this.trigger) {\n this.trigger.removeEventListener(\"click\", this.open);\n }\n\n this._observer.disconnect();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(attr, oldVal, newVal);\n }\n\n _init() {\n this.trigger = this.querySelector(`[slot=\"${this.tag}--trigger\"]`);\n this.header = this.querySelector(`[slot=\"${this.tag}--header\"]`);\n this.body = [...this.querySelectorAll(`*:not([slot])`)];\n\n if (this.trigger) {\n this.trigger.addEventListener(\"click\", this.open);\n this.removeAttribute(\"hidden\");\n }\n\n if (this.header) {\n this.header.setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else {\n // Get the first heading in the modal if it exists\n const headings = this.body.filter(el => el.tagName.startsWith(\"H\"));\n if (headings.length > 0) {\n headings[0].setAttribute(\"id\", this.header_id);\n this._modalWindow.setAttribute(\"aria-labelledby\", this.header_id);\n } else if (this.trigger) {\n this._modalWindow.setAttribute(\"aria-label\", this.trigger.innerText);\n }\n }\n }\n\n _keydownHandler(event) {\n let target = event.target || window.event.srcElement;\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Tab\":\n case 9:\n if (target === this._modalCloseButton) {\n event.preventDefault();\n this._modalWindow.focus();\n }\n return;\n case \"Escape\":\n case \"Esc\":\n case 27:\n this.close(event);\n return;\n case \"Enter\":\n case 13:\n if (target === this.trigger) {\n this.open(event);\n }\n return;\n }\n }\n\n toggle(event) {\n this.isOpen ? this.close(event) : this.open(event);\n return this;\n }\n\n open(event) {\n if (event) {\n event.preventDefault();\n this.trigger = event ? event.target : window.event.srcElement;\n }\n\n const detail = {\n open: true\n };\n\n if (event && this.trigger) {\n detail.trigger = this.trigger;\n }\n\n this.isOpen = true;\n // Reveal the container and overlay\n this._modalWindow.removeAttribute(\"hidden\");\n this._overlay.removeAttribute(\"hidden\");\n this._outer.removeAttribute(\"hidden\");\n // This prevents background scroll\n document.body.style.overflow = \"hidden\";\n // Set the focus to the container\n this._modalWindow.focus();\n\n this.emitEvent(PfeModal.events.open, { detail });\n\n return this;\n }\n\n close(event) {\n if (event) {\n event.preventDefault();\n }\n\n this.isOpen = false;\n // Hide the container and overlay\n this._modalWindow.setAttribute(\"hidden\", true);\n this._overlay.setAttribute(\"hidden\", true);\n this._outer.setAttribute(\"hidden\", true);\n // Return scrollability\n document.body.style.overflow = \"auto\";\n\n if (this.trigger) {\n // Move focus back to the trigger element\n this.trigger.focus();\n this.trigger = null;\n }\n\n this.emitEvent(PfeModal.events.close, {\n detail: {\n open: false\n }\n });\n\n return this;\n }\n}\n\nPFElement.create(PfeModal);\n\nexport default PfeModal;\n"],"names":["String","prototype","startsWith","Object","defineProperty","value","search","rawPos","pos","substring","length","PfeModal","PFElement","PfeTypes","Container","open","tag","close","type","PfeType","header_id","randomId","isOpen","_keydownHandler","bind","toggle","_modalWindow","shadowRoot","querySelector","_modalCloseButton","_overlay","_container","_outer","_observer","MutationObserver","_mapSchemaToSlots","slots","_init","addEventListener","observe","childList","removeEventListener","trigger","disconnect","attr","oldVal","newVal","header","body","querySelectorAll","removeAttribute","setAttribute","headings","filter","el","tagName","innerText","event","target","window","srcElement","key","keyCode","preventDefault","focus","detail","document","style","overflow","emitEvent","events","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-modal/dist/pfe-modal.umd.min.js b/elements/pfe-modal/dist/pfe-modal.umd.min.js
new file mode 100644
index 0000000000..1886cf2742
--- /dev/null
+++ b/elements/pfe-modal/dist/pfe-modal.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeModal=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){var o=0.pfe-modal__close{background-color:transparent;border:none;margin:0;padding:0;text-align:left}:host{display:block;position:relative}@media screen and (max-height:640px){:host{--pfe-modal--Padding:0 0 0 calc(var(--pfe-theme--container-padding, 16px) * 2)}}.pfe-modal__outer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:fixed;height:100%;width:100%;top:0;left:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;z-index:99;z-index:var(--pfe-theme--zindex--modal,99)}.pfe-modal__outer[hidden]{display:none}.pfe-modal__overlay{position:fixed;height:100%;width:100%;top:0;left:0;background-color:rgba(21,21,21,.5);background-color:var(--pfe-modal__overlay--BackgroundColor,var(--pfe-theme--color--overlay,rgba(21,21,21,.5)));cursor:pointer}.pfe-modal__overlay[hidden]{display:none}.pfe-modal__window{--theme:var(--pfe-modal--theme, light);position:relative;max-width:94vw;max-width:var(--pfe-modal--MaxWidth--mobile,94vw);min-width:50vw;min-width:var(--pfe-modal--MinWidth,50vw);max-height:90vh;max-height:var(--pfe-modal--MaxHeight,90vh);margin:0 auto;-webkit-box-shadow:0 .1875rem .4375rem .1875rem rgba(3,3,3,.13),0 .6875rem 1.5rem 1rem rgba(3,3,3,.12);box-shadow:0 .1875rem .4375rem .1875rem rgba(3,3,3,.13),0 .6875rem 1.5rem 1rem rgba(3,3,3,.12);-webkit-box-shadow:var(--pfe-theme--box-shadow--lg,0 .1875rem .4375rem .1875rem rgba(3,3,3,.13),0 .6875rem 1.5rem 1rem rgba(3,3,3,.12));box-shadow:var(--pfe-theme--box-shadow--lg,0 .1875rem .4375rem .1875rem rgba(3,3,3,.13),0 .6875rem 1.5rem 1rem rgba(3,3,3,.12));background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#151515;color:var(--pfe-theme--color--text,#151515);border-radius:2px;border-radius:var(--pfe-theme--ui--border-radius,2px)}@media screen and (min-width:640px){.pfe-modal__window{max-width:70vw;max-width:var(--pfe-modal--MaxWidth,70vw)}}.pfe-modal__container{position:relative;max-height:inherit}.pfe-modal__container[hidden]{display:none}.pfe-modal__content{overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:90vh;max-height:var(--pfe-modal--MaxHeight,90vh);padding:calc(16px * 2) calc(16px * 3.5) calc(16px * 2) calc(16px * 2);padding:var(--pfe-modal--Padding,calc(var(--pfe-theme--container-padding,16px) * 2) calc(var(--pfe-theme--container-padding,16px) * 3.5) calc(var(--pfe-theme--container-padding,16px) * 2) calc(var(--pfe-theme--container-padding,16px) * 2));-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-height:640px){.pfe-modal__content{--pfe-modal--Padding:var(--pfe-theme--container-padding, 16px) calc(var(--pfe-theme--container-padding, 16px) * 3) var(--pfe-theme--container-padding, 16px) var(--pfe-theme--container-padding, 16px)}}:host(:not([has_header])) .pfe-modal__content ::slotted(:nth-child(1)),:host(:not([has_header])) .pfe-modal__content ::slotted(:nth-child(2)){margin-top:0!important}.pfe-modal__content ::slotted([slot=pfe-modal--header]){margin-top:0!important}.pfe-modal__close{position:absolute;top:calc(16px * .25);top:calc(var(--pfe-theme--container-padding,16px) * .25);right:calc(16px * .25);right:calc(var(--pfe-theme--container-padding,16px) * .25);cursor:pointer;line-height:.5;padding:16px;padding:var(--pfe-theme--container-padding,16px)}@media screen and (min-width:640px){.pfe-modal__close{top:16px;top:var(--pfe-theme--container-padding,16px);right:16px;right:var(--pfe-theme--container-padding,16px)}}@media screen and (max-height:640px) and (min-width:640px){.pfe-modal__close{top:calc(16px / 2);top:calc(var(--pfe-theme--container-padding,16px)/ 2);right:calc(16px / 2);right:calc(var(--pfe-theme--container-padding,16px)/ 2)}}.pfe-modal__close>svg{fill:#151515;fill:var(--pfe-theme--color--text,#151515);height:20px;height:var(--pfe-theme--ui--element--size,20px);width:20px;width:var(--pfe-theme--ui--element--size,20px);height:calc(20px - 4px);height:var(--pfe-modal__close--size,calc(var(--pfe-theme--ui--element--size,20px) - 4px));width:calc(20px - 4px);width:var(--pfe-modal__close--size,calc(var(--pfe-theme--ui--element--size,20px) - 4px))}\n/*# sourceMappingURL=pfe-modal.min.css.map */\n\n\n\t\n\t
\n\t\t
\n\t\t\t
\n\t\t\t\t\n\t\t\t\t\n\t\t\t
\n\t\t\t\n\t\t
\n\t
\n'}},{key:"templateUrl",get:function(){return"pfe-modal.html"}},{key:"schemaUrl",get:function(){return"pfe-modal.json"}},{key:"styleUrl",get:function(){return"pfe-modal.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{}}},{key:"slots",get:function(){return{trigger:{title:"Trigger",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},header:{title:"Header",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},body:{title:"Body",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-modal"}},{key:"PfeType",get:function(){return e.PfeTypes.Container}},{key:"events",get:function(){return{open:this.tag+":open",close:this.tag+":close"}}}]),t(r,[{key:"connectedCallback",value:function(){a(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"connectedCallback",this).call(this),this._init(),this.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("keydown",this._keydownHandler),this._modalCloseButton.addEventListener("click",this.close),this._overlay.addEventListener("click",this.close),this._observer.observe(this,{childList:!0})}},{key:"disconnectedCallback",value:function(){this.removeEventListener("keydown",this._keydownHandler),this._modalCloseButton.removeEventListener("click",this.close),this._modalCloseButton.removeEventListener("click",this.close),this._overlay.removeEventListener("click",this.close),this.trigger&&this.trigger.removeEventListener("click",this.open),this._observer.disconnect()}},{key:"attributeChangedCallback",value:function(e,t,o){a(r.prototype.__proto__||Object.getPrototypeOf(r.prototype),"attributeChangedCallback",this).call(this,e,t,o)}},{key:"_init",value:function(){if(this.trigger=this.querySelector('[slot="'+this.tag+'--trigger"]'),this.header=this.querySelector('[slot="'+this.tag+'--header"]'),this.body=[].concat(function(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t 0 ? rawPos | 0 : 0;\n return this.substring(pos, pos + search.length) === search;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeModal 1.0.0-prerelease.54\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\n// Import polyfills: startsWith\nimport \"./polyfills--pfe-modal.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeModal extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `\n\n\t\n\t
+`;
+ }
+
+ static get properties() {
+ return {"sticky":{"title":"Sticky navigation","type":"boolean","default":true,"prefixed":true},"full-width":{"title":"Full width navigation","type":"boolean","default":false,"prefixed":true},"close-on-click":{"title":"Close navigation on click event","type":"string","enum":["external"],"default":"external","prefixed":true},"menu-label":{"title":"Mobile menu label","type":"string","default":"Menu","prefixed":true}};
+ }
+
+ static get slots() {
+ return {"skip":{"title":"Skip navigation","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"logo":{"title":"Logo","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"search":{"title":"Search","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-search":{"title":"Mobile search functionality","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"raw"}]}},"main":{"title":"Main navigation","type":"array","namedSlot":false,"items":{"title":"Item","oneOf":[{"$ref":"nav"},{"$ref":"raw"}]}},"language":{"title":"Language switcher","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-language":{"title":"Mobile link to language page","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"a"}]}},"login":{"title":"Log in","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}},"mobile-login":{"title":"Mobile link to log in page","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"a"}]}},"site-switcher":{"title":"Site switcher","type":"array","namedSlot":true,"items":{"title":"Item","oneOf":[{"$ref":"pfe-navigation-item"}]}}};
+ }
+ static get tag() {
+ return "pfe-navigation";
+ }
+
+ get templateUrl() {
+ return "pfe-navigation.html";
+ }
+
+ get styleUrl() {
+ return "pfe-navigation.scss";
+ }
+
+ get schemaUrl() {
+ return "pfe-navigation.json";
+ }
+
+ get overlay() {
+ return !this._overlay.hasAttribute("hidden");
+ }
+
+ set overlay(state) {
+ if (state) {
+ // Add the overlay to the page
+ this._overlay.removeAttribute("hidden");
+
+ // This prevents background scroll while nav is open
+ // document.body.style.overflow = "hidden";
+
+ this._wrapper.setAttribute("expanded", "");
+ } else {
+ // Remove the overlay from the page
+ this._overlay.setAttribute("hidden", "");
+
+ // Allow background to scroll again
+ // document.body.style.overflow = "auto";
+
+ this._wrapper.removeAttribute("expanded");
+ }
+ }
+
+ static get cascadingAttributes() {
+ return {
+ "pfe-full-width": "pfe-navigation-item"
+ };
+ }
+
+ static get observedAttributes() {
+ return ["pfe-full-width"];
+ }
+
+ constructor() {
+ super(PfeNavigation);
+
+ // Attach functions for use below
+ this._init = this._init.bind(this);
+ this._setVisibility = this._setVisibility.bind(this);
+
+ // -- handlers
+ this._resizeHandler = this._resizeHandler.bind(this);
+ this._stickyHandler = this._stickyHandler.bind(this);
+ this._outsideListener = this._outsideListener.bind(this);
+ this._menuItemClickHandler = this._menuItemClickHandler.bind(this);
+ this._overlayClickHandler = this._overlayClickHandler.bind(this);
+ this._observer = new MutationObserver(this._init);
+
+ // Capture shadow elements
+ this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);
+ this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);
+ this._menuItem = this.shadowRoot.querySelector(
+ `${PfeNavigationItem.tag}[pfe-icon="web-mobile-menu"]`
+ );
+
+ this._slots = {
+ language: this.shadowRoot.querySelector(
+ `${PfeNavigationItem.tag}[pfe-icon="web-user"]`
+ ),
+ login: this.shadowRoot.querySelector(
+ `${PfeNavigationItem.tag}[pfe-icon="web-globe"]`
+ )
+ };
+
+ // Initialize active navigation item to empty array
+ this._activeNavigationItems = [];
+ this.overlay = false;
+
+ // make sure we close all of the nav items and hide the overlay when
+ // the mobile menu button is closed
+ this._menuItem.shadowRoot
+ .querySelector(".pfe-navigation-item__trigger")
+ .addEventListener("click", this._menuItemClickHandler);
+
+ // make sure we close all of the nav items and hide the overlay
+ // when it's clicked
+ this._overlay.addEventListener("click", this._overlayClickHandler);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ Promise.all([
+ customElements.whenDefined(PfeNavigationItem.tag),
+ customElements.whenDefined(PfeNavigationMain.tag)
+ ]).then(() => {
+ // If this element contains light DOM, initialize it
+ if (this.children.length) {
+ // If only one value exists in the array, it starts at that size and goes up
+ this.breakpoints = {
+ main: [0, 1023], // visible from 0 - 1200px
+ search: [640], // visible from 768px +
+ "mobile-search": [0, 639],
+ language: [640],
+ "mobile-language": [0, 639],
+ login: [640],
+ "mobile-login": [0, 639]
+ };
+
+ // Kick off the initialization of the light DOM elements
+ this._init();
+
+ // Watch for screen resizing
+ window.addEventListener("resize", this._resizeHandler);
+ } else {
+ console.error(
+ "This component does not have any light DOM children. Please check documentation for requirements."
+ );
+ }
+
+ this._observer.observe(this, { childList: true });
+ });
+ }
+
+ disconnectedCallback() {
+ // Remove the scroll, resize, and outside click event listeners
+ window.removeEventListener("resize", this._resizeHandler);
+
+ if (
+ this.hasAttribute("pfe-close-on-click") &&
+ this.getAttribute("pfe-close-on-click") === "external"
+ ) {
+ document.removeEventListener("click", this._outsideListener);
+ }
+
+ if (
+ this.hasAttribute("pfe-sticky") &&
+ this.getAttribute("pfe-sticky") != "false"
+ ) {
+ window.removeEventListener("scroll", this._stickyHandler);
+ }
+
+ this._menuItem.shadowRoot
+ .querySelector(".pfe-navigation-item__trigger")
+ .removeEventListener("click", this._menuItemClickHandler);
+ this._overlay.removeEventListener("click", this._overlayClickHandler);
+
+ this._observer.disconnect();
+ }
+
+ _resizeHandler(event) {
+ // Set the visibility of items
+ this._setVisibility(this.offsetWidth);
+
+ // Check what the active item is
+ this._activeNavigationItems.forEach(item => {
+ // If the item is open but not visible, update it to hidden
+ if (item.expanded && !item.visible) {
+ item.expanded = false;
+ this._activeNavigationItems = this._activeNavigationItems.filter(
+ i => i !== item
+ );
+ } else if (item.expanded && item.parent && item.parent.visible) {
+ // if the parent is the mobile menu item and the size of the window is within
+ // the main breakpoint, make sure that the mobile menu is expanded
+ if (
+ item.parent === this._menuItem &&
+ window.innerWidth <= this.breakpoints.main[1]
+ ) {
+ item.parent.expanded = true; // Ensure the parent is open
+ // If the parent item doesn't exist in the active array, add it
+ if (!this._activeNavigationItems.includes(item.parent)) {
+ this._activeNavigationItems.push(item.parent);
+ }
+ }
+ }
+ });
+
+ this.overlay = this._activeNavigationItems.length > 0;
+
+ // update the reported height
+ this._reportHeight();
+ }
+
+ _stickyHandler() {
+ if (window.pageYOffset >= this.top) {
+ this.classList.add("pfe-sticky");
+ } else {
+ this.classList.remove("pfe-sticky");
+ }
+ }
+
+ _outsideListener(event) {
+ // Check if the clicked element is the navigation object
+ let isSelf = event.target === this;
+ // Check if the clicked element contains or is contained by the navigation element
+ let isChild = event.target.closest("pfe-navigation");
+ let insideWrapper = event.target.tagName.includes("-")
+ ? event.target.shadowRoot.querySelector("pfe-navigation")
+ : null;
+
+ // Check states to determine if the navigation items should close
+ if (!isSelf && !(isChild || insideWrapper)) {
+ this._activeNavigationItems.map(item => item.close());
+ }
+ }
+
+ _setVisibility(width) {
+ Object.keys(this.breakpoints).forEach(label => {
+ let bps = this.breakpoints[label];
+ let start = bps[0];
+ let end = bps[1];
+ let isVisible = false;
+
+ // If the slot exists, set attribute based on supported breakpoints
+ if (
+ this.slots[label] &&
+ this.slots[label].nodes &&
+ this.slots[label].nodes.length > 0
+ ) {
+ if (width >= start && (!end || (end && width <= end))) {
+ isVisible = true;
+ }
+
+ this.slots[label].nodes.forEach(node => {
+ switch (label) {
+ case "main":
+ if (isVisible) {
+ node.removeAttribute("show_content");
+ this._menuItem.removeAttribute("show_links");
+ } else {
+ node.setAttribute("show_content", "");
+ this._menuItem.setAttribute("show_links", "");
+ this._menuItem.expanded = false;
+ this._menuItem.tray.removeAttribute("hidden");
+ // Remove menuItem from active items
+ this._activeNavigationItems = this._activeNavigationItems.filter(
+ item => item !== this._menuItem
+ );
+ }
+ node.navItems.forEach(item => {
+ if (isVisible) {
+ item.removeAttribute("parent_hidden");
+ } else {
+ item.setAttribute("parent_hidden", "");
+ }
+ });
+ break;
+ case (label.match(/^mobile/) || {}).input:
+ if (isVisible) {
+ // Set an attribute to show this region (strip the mobile prefix)
+ this._menuItem.setAttribute(`show_${label.slice(7)}`, "");
+ if (this._slots[label.slice(7)])
+ this._slots[label.slice(7)].removeAttribute("hidden");
+ node.removeAttribute("hidden");
+ } else {
+ this._menuItem.removeAttribute(`show_${label.slice(7)}`);
+ if (this._slots[label.slice(7)])
+ this._slots[label.slice(7)].setAttribute("hidden", "");
+ node.setAttribute("hidden", "");
+ }
+ break;
+ default:
+ node.visible = isVisible;
+ break;
+ }
+ });
+ }
+ });
+ }
+
+ _init() {
+ // @IE11 This is necessary so the script doesn't become non-responsive
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ // Initial position of this element from the top of the screen
+ this.top = this.getBoundingClientRect().top || 0;
+
+ // Get all nav items contained in this element
+ this.navItems = [...this.querySelectorAll("pfe-navigation-item")];
+
+ // Add the menu element to the list of navigation items
+ // do this manually because menu item is in the shadow dom
+ if (this._menuItem) this.navItems.push(this._menuItem);
+
+ // Attach a reference to the navigation container to the children
+ this.navItems.forEach(item => {
+ item.navigationWrapper = this;
+ });
+
+ // Connect the shadow menu with the main component
+ let mainNav = this.querySelector("pfe-navigation-main");
+ if (mainNav && mainNav.navItems) {
+ mainNav.navItems.forEach(item => {
+ item.parent = this._menuItem;
+ });
+ }
+
+ // Start by setting the visibility of the slots
+ this._setVisibility(this.offsetWidth);
+
+ // If the nav is set to sticky, inject the height of the nav to the next element in the DOM
+ if (
+ this.hasAttribute("pfe-sticky") &&
+ this.getAttribute("pfe-sticky") != "false"
+ ) {
+ // Run the sticky check on first page load
+ this._stickyHandler();
+
+ // Attach the scroll event to the window
+ window.addEventListener("scroll", this._stickyHandler);
+ }
+
+ // Listen for clicks outside the navigation element
+ if (
+ this.hasAttribute("pfe-close-on-click") &&
+ this.getAttribute("pfe-close-on-click") === "external"
+ ) {
+ document.addEventListener("click", this._outsideListener);
+ }
+
+ // report the height of this pfe-navigation element
+ this._reportHeight();
+
+ // @IE11 This is necessary so the script doesn't become non-responsive
+ if (window.ShadyCSS) {
+ setTimeout(() => {
+ this._observer.observe(this, {
+ childList: true,
+ subtree: true,
+ characterData: true
+ });
+ }, 0);
+ }
+ }
+
+ _menuItemClickHandler(event) {
+ if (event.currentTarget.getAttribute("aria-expanded") === "false") {
+ this._activeNavigationItems.map(item => item.close());
+ this.overlay = false;
+ }
+ }
+
+ _overlayClickHandler(event) {
+ this._activeNavigationItems.map(item => item.close());
+ this.overlay = false;
+ }
+
+ /**
+ * Set a global CSS variable reporting the height of this navigation item.
+ * Used to position sticky subnavigation items under this.
+ *
+ * The name of the global CSS variable is `--pfe-navigation--Height--actual`.
+ */
+ _reportHeight() {
+ const cssVarName = `--${this.tag}--Height--actual`;
+ const height = this.clientHeight + "px";
+ document.body.style.setProperty(cssVarName, height);
+ }
+}
+
+PFElement.create(PfeNavigationItem);
+PFElement.create(PfeNavigationMain);
+PFElement.create(PfeNavigation);
+
+export default PfeNavigation;
+//# sourceMappingURL=pfe-navigation.js.map
diff --git a/elements/pfe-navigation/dist/pfe-navigation.js.map b/elements/pfe-navigation/dist/pfe-navigation.js.map
new file mode 100644
index 0000000000..8fe3845159
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-navigation.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n ${this.hasIcon ? `` : \"\"}\n \n
\n${ this.has_slot(\"tray\") ? `
\n \n
` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-navigation/dist/pfe-navigation.json b/elements/pfe-navigation/dist/pfe-navigation.json
new file mode 100644
index 0000000000..c2864170d6
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.json
@@ -0,0 +1,184 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Navigation",
+ "description": "This element renders a navigation component.",
+ "type": "object",
+ "tag": "pfe-navigation",
+ "class": "pfe-navigation",
+ "category": "container",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "skip": {
+ "title": "Skip navigation",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "logo": {
+ "title": "Logo",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "search": {
+ "title": "Search",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "pfe-navigation-item"
+ }
+ ]
+ }
+ },
+ "mobile-search": {
+ "title": "Mobile search functionality",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "main": {
+ "title": "Main navigation",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "nav"
+ },
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "language": {
+ "title": "Language switcher",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "pfe-navigation-item"
+ }
+ ]
+ }
+ },
+ "mobile-language": {
+ "title": "Mobile link to language page",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "a"
+ }
+ ]
+ }
+ },
+ "login": {
+ "title": "Log in",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "pfe-navigation-item"
+ }
+ ]
+ }
+ },
+ "mobile-login": {
+ "title": "Mobile link to log in page",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "a"
+ }
+ ]
+ }
+ },
+ "site-switcher": {
+ "title": "Site switcher",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "title": "Item",
+ "oneOf": [
+ {
+ "$ref": "pfe-navigation-item"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "sticky": {
+ "title": "Sticky navigation",
+ "type": "boolean",
+ "default": true,
+ "prefixed": true
+ },
+ "full-width": {
+ "title": "Full width navigation",
+ "type": "boolean",
+ "default": false,
+ "prefixed": true
+ },
+ "close-on-click": {
+ "title": "Close navigation on click event",
+ "type": "string",
+ "enum": ["external"],
+ "default": "external",
+ "prefixed": true
+ },
+ "menu-label": {
+ "title": "Mobile menu label",
+ "type": "string",
+ "default": "Menu",
+ "prefixed": true
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-navigation/dist/pfe-navigation.min.js b/elements/pfe-navigation/dist/pfe-navigation.min.js
new file mode 100644
index 0000000000..27bca6b755
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.min.js
@@ -0,0 +1,74 @@
+import e from"../../pfelement/dist/pfelement.min.js";import"../../pfe-icon/dist/pfe-icon.min.js";Array.prototype.filter||(Array.prototype.filter=function(e,t){if("Function"!=typeof e&&"function"!=typeof e||!this)throw new TypeError;var i,a=this.length>>>0,n=new Array(a),o=this,r=0,s=-1;if(void 0===t)for(;++s!==a;)s in this&&(i=o[s],e(o[s],s,o)&&(n[r++]=i));else for(;++s!==a;)s in this&&(i=o[s],e.call(t,o[s],s,o)&&(n[r++]=i));return n.length=r,n}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var i=Object(this),a=i.length>>>0;if(0===a)return!1;var n,o,r=0|t,s=Math.max(r>=0?r:a-Math.abs(r),0);for(;s:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{position:relative;display:block;width:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px)}::slotted([slot=trigger]){font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px!important;font-size:var(--pfe-navigation__trigger--FontSize,var(--pfe-theme--font-size--heading--epsilon,16px))!important;font-weight:300;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300));color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));z-index:2;line-height:1.1;margin:0!important;max-width:100%;text-align:center}@media screen and (min-width:0){::slotted([slot=trigger]){max-width:100%}}@media screen and (min-width:1200px){::slotted([slot=trigger]){max-width:190px}}:host{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.2;height:100%;min-width:auto;min-width:var(--pfe-navigation--MinWidth,auto)}@media screen and (max-width:1200px){:host{width:100%}}@media screen and (min-width:500px){:host{--pfe-navigation__trigger--Padding:var(--pfe-theme--container-padding, 16px)}}:host([aria-current=location]){--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c)}:host(.expanded){--pfe-navigation__trigger-icon--Visible:visible;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--Color:var(--pfe-theme--color--text, #151515)}:host([pfe-icon]){--pfe-navigation--MinWidth:50px;--pfe-navigation__trigger--FontSize:12px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .625);--pfe-navigation__trigger-icon--Visible:hidden;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:auto;min-width:65px}@media screen and (min-width:640px){:host([pfe-icon]){width:70px}}@media screen and (max-height:500px){:host([pfe-icon]){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 3) calc(var(--pfe-theme--container-padding, 16px) *.5)}}@media screen and (min-width:1024px){:host([pfe-icon]){-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}}:host(:not([pfe-icon])){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .75)}:host(:not([has_tray])),:host(:not([pfe-icon]):not([is_nested]):not(.expanded)){--pfe-navigation__trigger-icon--Visible:hidden}:host([is_nested]:not([parent_hidden])){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:100%;max-width:var(--pfe-navigation--Width,100%)}.pfe-navigation-item__trigger{--pfe-theme--link--text-decoration:none;--pfe-theme--link--text-decoration--hover:none;--pfe-theme--link--text-decoration--focus:none;--pfe-broadcasted--text:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--hover:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--focus:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--visited:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-theme--font-size--alpha:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--alpha:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--beta:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--beta:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--gamma:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--gamma:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));border-top:4px solid transparent;border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderTopColor,transparent);border-right:1px dashed transparent;border-right:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);border-bottom:1px dashed transparent;border-bottom:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);border-left:1px dashed transparent;border-left:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));padding:calc(16px * .5);padding:var(--pfe-navigation__trigger--Padding,calc(var(--pfe-theme--container-padding,16px) * .5));position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));outline:0;cursor:pointer}.pfe-navigation-item__trigger:hover{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation__trigger-icon--Visible:visible}:host([variant=wind]) .pfe-navigation-item__trigger:hover{--pfe-navigation--Color:var(--pfe-theme--color--link--hover, #004080)}:host([has_tray]:not([pfe-icon]):not([is_nested]):not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible;border-top-color:#fff;border-top-color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff))}@media screen and (min-width:1200px){:host([has_tray]:not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible}}.pfe-navigation-item__trigger:focus{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff)}:host([variant=wind]) .pfe-navigation-item__trigger:focus{--pfe-navigation--Color:var(--pfe-theme--color--link--focus, #004080)}:host(:not([pfe-icon])) .pfe-navigation-item__trigger::after{display:block;content:" ";visibility:hidden;visibility:var(--pfe-navigation__trigger-icon--Visible,hidden);border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#4f5255;border-top-color:var(--pfe-theme--color--feedback--default,#4f5255);-webkit-transform:rotate(0);transform:rotate(0);position:absolute;bottom:calc(16px / 2);bottom:calc(var(--pfe-theme--container-spacer,16px)/ 2)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--text:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-broadcasted--link:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-broadcasted--link-decoration:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-navigation--BorderBottomWidth:0;--pfe-navigation--ZIndex:3;--pfe-navigation__trigger--Padding:var(--pfe-navigation__base--Padding) 50px var(--pfe-navigation__base--Padding) calc(var(--pfe-navigation__base--Padding) * 1.5);margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:calc(100% - 4px);max-width:calc(100% - var(--pfe-theme--surface--border-width--heavy,4px));height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));border:0 solid transparent;border:0 var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-top-width:var(--pfe-navigation--BorderTopWidth);border-right-width:var(--pfe-navigation--BorderRightWidth);border-bottom-width:var(--pfe-navigation--BorderBottomWidth);border-left:var(--pfe-navigation--BorderLeftWidth) solid var(--pfe-navigation--BorderColor--accent);border-left:var(--pfe-navigation--BorderLeftWidth) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);z-index:var(--pfe-navigation--ZIndex);cursor:pointer;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-navigation--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-navigation--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:calc(16px * .5);padding:var(--pfe-navigation__trigger--Padding,calc(var(--pfe-theme--container-padding,16px) * .5));-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{outline:0;border-left-width:4px;border-left-width:var(--pfe-theme--surface--border-width--heavy,4px)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:focus{outline:0;text-decoration:underline}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::-moz-focus-inner{border:0}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent);--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);--pfe-navigation--ZIndex:3}:host([is_nested][last]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host([is_nested]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 0px);top:calc(var(--pfe-theme--container-spacer,16px) + 0px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.3125);right:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);right:calc(16px * 1.3125);right:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::after{--pfe-navigation__trigger-icon--Visible:visible;border-color:#fff;border-color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff))}:host([is_nested]:not([has_tray]):not([parent_hidden])) .pfe-navigation-item__trigger::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([variant=wind]) .pfe-navigation-item__trigger{--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 2) 0 calc(var(--pfe-theme--container-padding, 16px) / 2) calc(var(--pfe-theme--container-spacer, 16px) * 1.5);--pfe-navigation--Color:pfe-var(link);--pfe-navigation--BackgroundColor:transparent!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:none}.pfe-navigation-item__trigger pfe-icon{--pfe-icon--Color:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff))}:host([variant=wind]) .pfe-navigation-item__trigger pfe-icon{margin-bottom:0;margin-right:calc(16px / 2);margin-right:calc(var(--pfe-theme--container-spacer,16px)/ 2)}.pfe-navigation-item__trigger pfe-icon[icon=web-plus]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-icon]) ::slotted([slot=trigger]){margin:.25em 0 0 0!important;max-width:100px}::slotted(*){font-size:inherit!important;font-weight:300!important;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300))!important}.pfe-navigation-item__tray{--pfe-navigation--FontWeight:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none);-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));-webkit-box-sizing:border-box;box-sizing:border-box;display:none;visibility:hidden}.pfe-navigation-item__tray[aria-expanded=true]{display:block;visibility:visible}:host([show_links]:not([parent_hidden])) .pfe-navigation-item__tray{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;width:100%;padding-right:40px}:host(:not([pfe-icon=web-mobile-menu]):not([is_nested])) .pfe-navigation-item__tray,:host([is_nested][parent_hidden]) .pfe-navigation-item__tray,:host([pfe-icon=web-mobile-menu]:not([show_links])) .pfe-navigation-item__tray{position:absolute;top:100%;left:0;background-color:#fff;background-color:var(--pfe-navigation__tray--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-navigation__tray--Color,var(--pfe-theme--color--text,#151515));padding:var(--pfe-navigation__tray--Padding);width:100%;max-height:calc(100vh - 84px);max-height:calc(100vh - var(--pfe-navigation--Height,84px));overflow-x:hidden;overflow-y:scroll;padding-right:9px}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{display:none;overflow:hidden;will-change:height;border-color:transparent;opacity:0;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:calc(100% - 4px);max-width:calc(100% - var(--pfe-theme--surface--border-width--heavy,4px));height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));border:0 solid transparent;border:0 var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-top-width:var(--pfe-navigation--BorderTopWidth);border-right-width:var(--pfe-navigation--BorderRightWidth);border-bottom-width:var(--pfe-navigation--BorderBottomWidth);border-left:var(--pfe-navigation--BorderLeftWidth) solid var(--pfe-navigation--BorderColor--accent);border-left:var(--pfe-navigation--BorderLeftWidth) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);z-index:var(--pfe-navigation--ZIndex);--pfe-navigation--BoxShadow:none;padding:var(--pfe-navigation__panel-container--Padding);padding:calc(var(--pfe-navigation--Padding--vertical)/ 2) calc(var(--pfe-navigation--Padding--horizontal) * 1.75)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray *,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::after,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__tray{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent);--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);--pfe-navigation--ZIndex:3;--pfe-navigation--BorderTopWidth:0;--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);display:block;position:relative;opacity:1}::slotted([slot=tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}:host(:not(.expanded):not([show_links])) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__trigger,:host([hidden]:not([show_tray])),:host([show_links])>.pfe-navigation-item__trigger{display:none;visibility:hidden}:host([show_links]) ::slotted([slot=tray][hidden]),:host([show_tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}:host([is_nested]) ::slotted([slot=trigger]){text-align:left}:host([is_nested]) [slot=trigger]>a{color:#151515!important;color:var(--pfe-theme--color--text,#151515)!important}:host([pfe-icon=web-mobile-menu]){-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:0;-webkit-flex:0 1 99%;-ms-flex:0 1 99%;flex:0 1 99%}:host([is_nested][parent_hidden][pfe-full-width]) .pfe-navigation-item__tray{padding:var(--pfe-navigation__tray--Padding) 0 var(--pfe-navigation__tray--Padding)}\n/*# sourceMappingURL=pfe-navigation-item.min.css.map */\n
\n ${this.hasIcon?``:""}\n \n
\n${this.has_slot("tray")?'
\n \n
':""}`}static get properties(){return{icon:{title:"Icon name",type:"string",prefixed:!0}}}static get slots(){return{trigger:{title:"Navigation trigger",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},tray:{title:"Navigation tray",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-navigation-item"}get templateUrl(){return"pfe-navigation-item.html"}get styleUrl(){return"pfe-navigation-item.scss"}get schemaUrl(){return"pfe-navigation-item.json"}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["pfe-icon","pfe-full-width"]}static get cascadingAttributes(){return{"pfe-full-width":".pfe-navigation-item__tray"}}get hasIcon(){return this.hasAttribute("pfe-icon")}get iconName(){return this.getAttribute("pfe-icon")}get nested(){return this.hasAttribute("is_nested")}set nested(e){(e=Boolean(e))?this.setAttribute("is_nested",""):this.removeAttribute("is_nested")}get expanded(){return this.classList.contains("expanded")}set expanded(e){(e=Boolean(e))?(this.classList.add("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-plus"),this._trigger&&this._trigger.setAttribute("aria-expanded",!0),this.tray&&this.tray.removeAttribute("hidden"),this._tray&&this._tray.setAttribute("aria-expanded",!0)):(this.classList.remove("expanded"),"web-mobile-menu"===this.iconName&&this._icon&&this._icon.setAttribute("icon","web-mobile-menu"),this._trigger&&this._trigger.setAttribute("aria-expanded",!1),this.tray&&this.tray.setAttribute("hidden",""),this._tray&&this._tray.setAttribute("aria-expanded",!1))}get visible(){return!this.hasAttribute("hidden")}set visible(e){(e=Boolean(e))?this.removeAttribute("hidden"):this.setAttribute("hidden","")}open(e){e&&e.preventDefault(),this.navigationWrapper&&(this.navigationWrapper._activeNavigationItems=this.navigationWrapper._activeNavigationItems.filter(e=>{let t=e===this.parent;return t||e.close(),t}),this.navigationWrapper._activeNavigationItems.push(this),this.expanded=!0,this.navigationWrapper.overlay=!0),this.dispatchEvent(new CustomEvent(`${this.tag}:open`,{detail:{},bubbles:!0,composed:!0}))}close(e){e&&e.preventDefault(),this.navigationWrapper._activeNavigationItems=this.navigationWrapper._activeNavigationItems.filter(e=>{let t=this.nestedItems&&this.nestedItems.includes(e);return t&&e.close(),!t&&e!==this}),this.expanded=!1,this.navigationWrapper.overlay=this.navigationWrapper._activeNavigationItems.length>0,this.focus(),this.dispatchEvent(new CustomEvent(`${this.tag}:close`,{detail:{},bubbles:!0,composed:!0}))}toggle(e){e&&e.preventDefault(),this.visible&&!this.expanded?this.open(e):this.close(e)}constructor(){super(t),this._handlersAdded=!1,this.nested=!1,this.expanded=!1,this.trigger=null,this.tray=null,this.directLink=null,this.linkUrl=null,this.nestedItems=[],this._trigger=this.shadowRoot.querySelector(`.${this.tag}__trigger`),this._icon=this.shadowRoot.querySelector("pfe-icon"),this._tray=this.shadowRoot.querySelector(`.${this.tag}__tray`),this.close=this.close.bind(this),this.open=this.open.bind(this),this.toggle=this.toggle.bind(this),this._init__trigger=this._init__trigger.bind(this),this._init__tray=this._init__tray.bind(this),this._keydownHandler=this._keydownHandler.bind(this),this._keyupHandler=this._keyupHandler.bind(this),this._navigateToUrl=this._navigateToUrl.bind(this),this._directLinkHandler=this._directLinkHandler.bind(this)}connectedCallback(){super.connectedCallback(),this._init__trigger(),this._init__tray(),this.trigger&&this.trigger.addEventListener("slotchange",this._init__trigger),this.tray&&this.tray.addEventListener("slotchange",this._init__tray)}disconnectedCallback(){this.trigger.removeEventListener("slotchange",this._init),this.tray?(this.tray.removeEventListener("slotchange",this._init),this.removeEventListener("keydown",this._keydownHandler),this.removeEventListener("keyup",this._exit),this._trigger.removeEventListener("click",this.toggle),this._trigger.removeEventListener("keyup",this._keyupHandler)):(this._trigger.removeEventListener("click",this._navigateToUrl),this._trigger.removeEventListener("keyup",this._directLinkHandler))}_init__trigger(){if([...this.children].filter(e=>!e.hasAttribute("slot")).map(e=>e.setAttribute("slot","trigger")),this.trigger=this.querySelector('[slot="trigger"]'),this.trigger){if(this.directLink=this.trigger.querySelector("a"),!this.directLink&&"SLOT"===this.trigger.tagName){let e=this.trigger.assignedNodes();e.length>0&&"A"===e[0].tagName&&(this.directLink=e[0])}this.directLink?(this.directLink.setAttribute("tabindex","-1"),this.linkUrl=this.directLink.href):this.linkUrl="#",this._trigger.addEventListener("click",this._navigateToUrl),this._trigger.addEventListener("keyup",this._directLinkHandler)}}_init__tray(){if(this.tray=this.querySelector('[slot="tray"]'),this.tray){this.nestedItems=this.nestedItems.concat([...this.tray.querySelectorAll(`${this.tag}`)]);let e=[];window.ShadyCSS||[...this.tray.querySelectorAll("slot")].forEach(t=>{[...t.assignedElements()].forEach(t=>{e=e.concat([...t.querySelectorAll(`${this.tag}`)])})}),this.nestedItems=this.nestedItems.concat(e.filter(e=>!this.nestedItems.includes(e))),this._init__handlers()}}_init__handlers(){this._trigger.removeEventListener("click",this._navigateToUrl),this._trigger.removeEventListener("keyup",this._directLinkHandler),this._handlersAdded||(this._trigger.addEventListener("click",this.toggle),this.addEventListener("keyup",this._exit),this.addEventListener("keydown",this._keydownHandler),this._trigger.addEventListener("keyup",this._keyupHandler),this._handlersAdded=!0)}_navigateToUrl(e){e.preventDefault(),window.location.href=this.linkUrl}_directLinkHandler(e){switch(e.key||e.keyCode){case"Spacebar":case" ":case 32:case"Enter":case 13:this._navigateToUrl(e);break;default:return}}_keydownHandler(e){let t=e.key||e.keyCode,i=e.path&&e.path.length>0?e.path[0]:this;switch(t){case"Spacebar":case" ":case 32:["INPUT","TEXTAREA","SELECT"].includes(i.tagName)||e.preventDefault()}}_keyupHandler(e){let t=e.key||e.keyCode,i=e.path&&e.path.length>0?e.path[0]:this;switch(t){case"Spacebar":case" ":case 32:["INPUT","TEXTAREA","SELECT"].includes(i.tagName)||this.toggle(e);break;case"Enter":case 13:["A"].includes(i.tagName)||this.toggle(e)}}_exit(e){switch(e.key||e.keyCode){case"Esc":case"Escape":case 27:this.close(e)}}}
+/*!
+ * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class i extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return""}static get tag(){return"pfe-navigation-main"}get templateUrl(){return"pfe-navigation-main.html"}get styleUrl(){return"pfe-navigation-main.scss"}static get PfeType(){return e.PfeTypes.Container}static get observedAttributes(){return["show_content"]}constructor(){super(i),this._init=this._init.bind(this)}connectedCallback(){super.connectedCallback(),this._init(),this.addEventListener("slotchange",this._init)}disconnectedCallback(){this.removeEventListener("slotchange",this._init)}_init(){this.navItems=[...this.querySelectorAll("pfe-navigation-item")],this.first=this.navItems.length>0?this.navItems[0]:null,this.last=this.navItems[this.navItems.length-1],this.setAttribute("role","navigation"),this.setAttribute("aria-label","Main"),this.navItems.forEach(e=>{e.nested=!0}),this.first&&this.first.setAttribute("first",""),this.last&&this.last.setAttribute("last","")}}
+/*!
+ * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class a extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return`
\n`}static get properties(){return{sticky:{title:"Sticky navigation",type:"boolean",default:!0,prefixed:!0},"full-width":{title:"Full width navigation",type:"boolean",default:!1,prefixed:!0},"close-on-click":{title:"Close navigation on click event",type:"string",enum:["external"],default:"external",prefixed:!0},"menu-label":{title:"Mobile menu label",type:"string",default:"Menu",prefixed:!0}}}static get slots(){return{skip:{title:"Skip navigation",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},logo:{title:"Logo",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},search:{title:"Search",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-search":{title:"Mobile search functionality",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},main:{title:"Main navigation",type:"array",namedSlot:!1,items:{title:"Item",oneOf:[{$ref:"nav"},{$ref:"raw"}]}},language:{title:"Language switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-language":{title:"Mobile link to language page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},login:{title:"Log in",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-login":{title:"Mobile link to log in page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},"site-switcher":{title:"Site switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}}}}static get tag(){return"pfe-navigation"}get templateUrl(){return"pfe-navigation.html"}get styleUrl(){return"pfe-navigation.scss"}get schemaUrl(){return"pfe-navigation.json"}get overlay(){return!this._overlay.hasAttribute("hidden")}set overlay(e){e?(this._overlay.removeAttribute("hidden"),this._wrapper.setAttribute("expanded","")):(this._overlay.setAttribute("hidden",""),this._wrapper.removeAttribute("expanded"))}static get cascadingAttributes(){return{"pfe-full-width":"pfe-navigation-item"}}static get observedAttributes(){return["pfe-full-width"]}constructor(){super(a),this._init=this._init.bind(this),this._setVisibility=this._setVisibility.bind(this),this._resizeHandler=this._resizeHandler.bind(this),this._stickyHandler=this._stickyHandler.bind(this),this._outsideListener=this._outsideListener.bind(this),this._menuItemClickHandler=this._menuItemClickHandler.bind(this),this._overlayClickHandler=this._overlayClickHandler.bind(this),this._observer=new MutationObserver(this._init),this._overlay=this.shadowRoot.querySelector(`.${this.tag}__overlay`),this._wrapper=this.shadowRoot.querySelector(`.${this.tag}__wrapper`),this._menuItem=this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-mobile-menu"]`),this._slots={language:this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-user"]`),login:this.shadowRoot.querySelector(`${t.tag}[pfe-icon="web-globe"]`)},this._activeNavigationItems=[],this.overlay=!1,this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").addEventListener("click",this._menuItemClickHandler),this._overlay.addEventListener("click",this._overlayClickHandler)}connectedCallback(){super.connectedCallback(),Promise.all([customElements.whenDefined(t.tag),customElements.whenDefined(i.tag)]).then(()=>{this.children.length?(this.breakpoints={main:[0,1023],search:[640],"mobile-search":[0,639],language:[640],"mobile-language":[0,639],login:[640],"mobile-login":[0,639]},this._init(),window.addEventListener("resize",this._resizeHandler)):console.error("This component does not have any light DOM children. Please check documentation for requirements."),this._observer.observe(this,{childList:!0})})}disconnectedCallback(){window.removeEventListener("resize",this._resizeHandler),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.removeEventListener("click",this._outsideListener),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&window.removeEventListener("scroll",this._stickyHandler),this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click",this._menuItemClickHandler),this._overlay.removeEventListener("click",this._overlayClickHandler),this._observer.disconnect()}_resizeHandler(e){this._setVisibility(this.offsetWidth),this._activeNavigationItems.forEach(e=>{e.expanded&&!e.visible?(e.expanded=!1,this._activeNavigationItems=this._activeNavigationItems.filter(t=>t!==e)):e.expanded&&e.parent&&e.parent.visible&&e.parent===this._menuItem&&window.innerWidth<=this.breakpoints.main[1]&&(e.parent.expanded=!0,this._activeNavigationItems.includes(e.parent)||this._activeNavigationItems.push(e.parent))}),this.overlay=this._activeNavigationItems.length>0,this._reportHeight()}_stickyHandler(){window.pageYOffset>=this.top?this.classList.add("pfe-sticky"):this.classList.remove("pfe-sticky")}_outsideListener(e){let t=e.target===this,i=e.target.closest("pfe-navigation"),a=e.target.tagName.includes("-")?e.target.shadowRoot.querySelector("pfe-navigation"):null;t||i||a||this._activeNavigationItems.map(e=>e.close())}_setVisibility(e){Object.keys(this.breakpoints).forEach(t=>{let i=this.breakpoints[t],a=i[0],n=i[1],o=!1;this.slots[t]&&this.slots[t].nodes&&this.slots[t].nodes.length>0&&(e>=a&&(!n||n&&e<=n)&&(o=!0),this.slots[t].nodes.forEach(e=>{switch(t){case"main":o?(e.removeAttribute("show_content"),this._menuItem.removeAttribute("show_links")):(e.setAttribute("show_content",""),this._menuItem.setAttribute("show_links",""),this._menuItem.expanded=!1,this._menuItem.tray.removeAttribute("hidden"),this._activeNavigationItems=this._activeNavigationItems.filter(e=>e!==this._menuItem)),e.navItems.forEach(e=>{o?e.removeAttribute("parent_hidden"):e.setAttribute("parent_hidden","")});break;case(t.match(/^mobile/)||{}).input:o?(this._menuItem.setAttribute(`show_${t.slice(7)}`,""),this._slots[t.slice(7)]&&this._slots[t.slice(7)].removeAttribute("hidden"),e.removeAttribute("hidden")):(this._menuItem.removeAttribute(`show_${t.slice(7)}`),this._slots[t.slice(7)]&&this._slots[t.slice(7)].setAttribute("hidden",""),e.setAttribute("hidden",""));break;default:e.visible=o}}))})}_init(){window.ShadyCSS&&this._observer.disconnect(),this.top=this.getBoundingClientRect().top||0,this.navItems=[...this.querySelectorAll("pfe-navigation-item")],this._menuItem&&this.navItems.push(this._menuItem),this.navItems.forEach(e=>{e.navigationWrapper=this});let e=this.querySelector("pfe-navigation-main");e&&e.navItems&&e.navItems.forEach(e=>{e.parent=this._menuItem}),this._setVisibility(this.offsetWidth),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&(this._stickyHandler(),window.addEventListener("scroll",this._stickyHandler)),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.addEventListener("click",this._outsideListener),this._reportHeight(),window.ShadyCSS&&setTimeout(()=>{this._observer.observe(this,{childList:!0,subtree:!0,characterData:!0})},0)}_menuItemClickHandler(e){"false"===e.currentTarget.getAttribute("aria-expanded")&&(this._activeNavigationItems.map(e=>e.close()),this.overlay=!1)}_overlayClickHandler(e){this._activeNavigationItems.map(e=>e.close()),this.overlay=!1}_reportHeight(){const e=`--${this.tag}--Height--actual`,t=this.clientHeight+"px";document.body.style.setProperty(e,t)}}e.create(t),e.create(i),e.create(a);export default a;
+//# sourceMappingURL=pfe-navigation.min.js.map
diff --git a/elements/pfe-navigation/dist/pfe-navigation.min.js.map b/elements/pfe-navigation/dist/pfe-navigation.min.js.map
new file mode 100644
index 0000000000..6699066c49
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-navigation.min.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n ${this.hasIcon ? `` : \"\"}\n \n
\n${ this.has_slot(\"tray\") ? `
\n \n
` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","this","TypeError","kValue","len","length","res","t","c","i","undefined","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","Object","defineProperty","value","searchElement","fromIndex","o","x","y","n","k","Math","max","abs","isNaN","Event","get","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","PFElement","version","html","hasIcon","iconName","has_slot","properties","icon","title","type","prefixed","slots","trigger","namedSlot","items","oneOf","$ref","tray","tag","templateUrl","styleUrl","schemaUrl","PfeType","PfeTypes","Container","observedAttributes","cascadingAttributes","pfe-full-width","hasAttribute","getAttribute","nested","isNested","Boolean","setAttribute","removeAttribute","expanded","classList","contains","isExpanded","add","_icon","_trigger","_tray","remove","visible","isVisible","[object Object]","event","preventDefault","navigationWrapper","_activeNavigationItems","item","stayOpen","parent","close","overlay","dispatchEvent","CustomEvent","detail","bubbles","composed","nestedItems","focus","open","super","_handlersAdded","directLink","linkUrl","shadowRoot","querySelector","bind","toggle","_init__trigger","_init__tray","_keydownHandler","_keyupHandler","_navigateToUrl","_directLinkHandler","connectedCallback","addEventListener","removeEventListener","_init","_exit","children","child","map","tagName","slottedContent","assignedNodes","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_init__handlers","location","key","keyCode","clicked","PfeNavigationMain","navItems","first","last","PfeNavigation","sticky","default","full-width","close-on-click","enum","menu-label","skip","logo","search","mobile-search","main","language","mobile-language","login","mobile-login","site-switcher","_overlay","state","_wrapper","_setVisibility","_resizeHandler","_stickyHandler","_outsideListener","_menuItemClickHandler","_overlayClickHandler","_observer","MutationObserver","_menuItem","_slots","Promise","all","customElements","whenDefined","then","breakpoints","console","error","observe","childList","disconnect","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","label","bps","start","end","nodes","match","input","slice","getBoundingClientRect","mainNav","setTimeout","subtree","characterData","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.js b/elements/pfe-navigation/dist/pfe-navigation.umd.js
new file mode 100644
index 0000000000..df3eb00b27
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.umd.js
@@ -0,0 +1,1243 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd'), require('../../pfe-icon/dist/pfe-icon.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd', '../../pfe-icon/dist/pfe-icon.umd'], factory) :
+ (global.PfeNavigation = factory(global.PFElement,global.PfeIcon));
+}(this, (function (PFElement,pfeIcon_umd) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+ pfeIcon_umd = pfeIcon_umd && pfeIcon_umd.hasOwnProperty('default') ? pfeIcon_umd['default'] : pfeIcon_umd;
+
+ // @POLYFILL Array.prototype.filter
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
+ if (!Array.prototype.filter) {
+ Array.prototype.filter = function (func, thisArg) {
+
+ if (!((typeof func === "Function" || typeof func === "function") && this)) throw new TypeError();
+
+ var len = this.length >>> 0,
+ res = new Array(len),
+ // preallocate array
+ t = this,
+ c = 0,
+ i = -1;
+
+ var kValue;
+ if (thisArg === undefined) {
+ while (++i !== len) {
+ // checks to see if the key was set
+ if (i in this) {
+ kValue = t[i]; // in case t is changed in callback
+ if (func(t[i], i, t)) {
+ res[c++] = kValue;
+ }
+ }
+ }
+ } else {
+ while (++i !== len) {
+ // checks to see if the key was set
+ if (i in this) {
+ kValue = t[i];
+ if (func.call(thisArg, t[i], i, t)) {
+ res[c++] = kValue;
+ }
+ }
+ }
+ }
+
+ res.length = c; // shrink down array to proper size
+ return res;
+ };
+ }
+
+ // @POLYFILL Element.prototype.matches
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
+ if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
+ }
+
+ // @POLYFILL Element.prototype.closest
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
+ if (!Element.prototype.closest) {
+ Element.prototype.closest = function (s) {
+ var el = this;
+
+ do {
+ if (el.matches(s)) return el;
+ el = el.parentElement || el.parentNode;
+ } while (el !== null && el.nodeType === 1);
+ return null;
+ };
+ }
+
+ // @POLYFILL Array.prototype.includes
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
+ if (!Array.prototype.includes) {
+ Object.defineProperty(Array.prototype, "includes", {
+ value: function value(searchElement, fromIndex) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If len is 0, return false.
+ if (len === 0) {
+ return false;
+ }
+
+ // 4. Let n be ? ToInteger(fromIndex).
+ // (If fromIndex is undefined, this step produces the value 0.)
+ var n = fromIndex | 0;
+
+ // 5. If n ≥ 0, then
+ // a. Let k be n.
+ // 6. Else n < 0,
+ // a. Let k be len + n.
+ // b. If k < 0, let k be 0.
+ var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
+
+ function sameValueZero(x, y) {
+ return x === y || typeof x === "number" && typeof y === "number" && isNaN(x) && isNaN(y);
+ }
+
+ // 7. Repeat, while k < len
+ while (k < len) {
+ // a. Let elementK be the result of ? Get(O, ! ToString(k)).
+ // b. If SameValueZero(searchElement, elementK) is true, return true.
+ // c. Increase k by 1.
+ if (sameValueZero(o[k], searchElement)) {
+ return true;
+ }
+ k++;
+ }
+
+ // 8. Return false
+ return false;
+ }
+ });
+ }
+
+ // @POLYFILL Event.prototype.path
+ // https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari
+ if (!("path" in Event.prototype)) {
+ Object.defineProperty(Event.prototype, "path", {
+ get: function get() {
+ var path = [];
+ var currentElem = this.target;
+ while (currentElem) {
+ path.push(currentElem);
+ currentElem = currentElem.parentElement;
+ }
+ if (path.indexOf(window) === -1 && path.indexOf(document) === -1) path.push(document);
+ if (path.indexOf(window) === -1) path.push(window);
+ return path;
+ }
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeNavigationItem = function (_PFElement) {
+ inherits(PfeNavigationItem, _PFElement);
+ createClass(PfeNavigationItem, [{
+ key: "open",
+ value: function open(event) {
+ var _this2 = this;
+
+ if (event) event.preventDefault();
+
+ // Close the other active item(s) unless it's this item's parent
+ if (this.navigationWrapper) {
+ this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(function (item) {
+ var stayOpen = item === _this2.parent;
+ if (!stayOpen) item.close();
+ return stayOpen;
+ });
+
+ // Open that item and add it to the active array
+ this.navigationWrapper._activeNavigationItems.push(this);
+
+ this.expanded = true;
+ this.navigationWrapper.overlay = true;
+ }
+
+ // Dispatch the event
+ this.dispatchEvent(new CustomEvent(this.tag + ":open", {
+ detail: {},
+ bubbles: true,
+ composed: true
+ }));
+ }
+ }, {
+ key: "close",
+ value: function close(event) {
+ var _this3 = this;
+
+ if (event) event.preventDefault();
+
+ // Close the children elements
+ this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(function (item) {
+ var close = _this3.nestedItems && _this3.nestedItems.includes(item);
+ if (close) item.close();
+ return !close && item !== _this3;
+ });
+
+ this.expanded = false;
+
+ // Clear the overlay
+ this.navigationWrapper.overlay = this.navigationWrapper._activeNavigationItems.length > 0;
+
+ this.focus();
+
+ // Dispatch the event
+ this.dispatchEvent(new CustomEvent(this.tag + ":close", {
+ detail: {},
+ bubbles: true,
+ composed: true
+ }));
+ }
+ }, {
+ key: "toggle",
+ value: function toggle(event) {
+ if (event) event.preventDefault();
+
+ if (this.visible && !this.expanded) {
+ this.open(event);
+ } else {
+ this.close(event);
+ }
+ }
+ }, {
+ key: "html",
+ get: function get$$1() {
+ return "
\n " + (this.hasIcon ? "" : "") + "\n \n
\n" + (this.has_slot("tray") ? "
\n \n
" : "");
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-navigation-item.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-navigation-item.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-navigation-item.json";
+ }
+ }, {
+ key: "hasIcon",
+ get: function get$$1() {
+ return this.hasAttribute("pfe-icon");
+ }
+ }, {
+ key: "iconName",
+ get: function get$$1() {
+ return this.getAttribute("pfe-icon");
+ }
+ }, {
+ key: "nested",
+ get: function get$$1() {
+ return this.hasAttribute("is_nested");
+ },
+ set: function set$$1(isNested) {
+ isNested = Boolean(isNested);
+
+ if (isNested) {
+ this.setAttribute("is_nested", "");
+ } else {
+ this.removeAttribute("is_nested");
+ }
+ }
+ }, {
+ key: "expanded",
+ get: function get$$1() {
+ return this.classList.contains("expanded");
+ },
+ set: function set$$1(isExpanded) {
+ isExpanded = Boolean(isExpanded);
+
+ if (isExpanded) {
+ this.classList.add("expanded");
+
+ if (this.iconName === "web-mobile-menu") {
+ if (this._icon) this._icon.setAttribute("icon", "web-plus");
+ }
+
+ if (this._trigger) {
+ this._trigger.setAttribute("aria-expanded", true);
+ }
+
+ if (this.tray) {
+ this.tray.removeAttribute("hidden");
+ }
+
+ if (this._tray) {
+ this._tray.setAttribute("aria-expanded", true);
+ }
+ } else {
+ this.classList.remove("expanded");
+
+ if (this.iconName === "web-mobile-menu") {
+ if (this._icon) this._icon.setAttribute("icon", "web-mobile-menu");
+ }
+
+ if (this._trigger) {
+ this._trigger.setAttribute("aria-expanded", false);
+ }
+
+ if (this.tray) {
+ this.tray.setAttribute("hidden", "");
+ }
+
+ if (this._tray) {
+ this._tray.setAttribute("aria-expanded", false);
+ }
+ }
+ }
+ }, {
+ key: "visible",
+ get: function get$$1() {
+ return !this.hasAttribute("hidden");
+ },
+ set: function set$$1(isVisible) {
+ isVisible = Boolean(isVisible);
+
+ if (isVisible) {
+ this.removeAttribute("hidden");
+ } else {
+ this.setAttribute("hidden", "");
+ }
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "icon": { "title": "Icon name", "type": "string", "prefixed": true } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "trigger": { "title": "Navigation trigger", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "tray": { "title": "Navigation tray", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-navigation-item";
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-icon", "pfe-full-width"];
+ }
+ }, {
+ key: "cascadingAttributes",
+ get: function get$$1() {
+ return {
+ "pfe-full-width": ".pfe-navigation-item__tray"
+ };
+ }
+ }]);
+
+ function PfeNavigationItem() {
+ classCallCheck(this, PfeNavigationItem);
+
+ var _this = possibleConstructorReturn(this, (PfeNavigationItem.__proto__ || Object.getPrototypeOf(PfeNavigationItem)).call(this, PfeNavigationItem));
+
+ _this._handlersAdded = false;
+
+ // States
+ _this.nested = false;
+ _this.expanded = false;
+
+ // Objects
+ _this.trigger = null;
+ _this.tray = null;
+ _this.directLink = null;
+ _this.linkUrl = null;
+
+ // Lists
+ _this.nestedItems = [];
+
+ // Shadow elements
+ _this._trigger = _this.shadowRoot.querySelector("." + _this.tag + "__trigger");
+ _this._icon = _this.shadowRoot.querySelector("pfe-icon");
+ _this._tray = _this.shadowRoot.querySelector("." + _this.tag + "__tray");
+
+ // Externally accessible events
+ _this.close = _this.close.bind(_this);
+ _this.open = _this.open.bind(_this);
+ _this.toggle = _this.toggle.bind(_this);
+
+ // Initializers
+ _this._init__trigger = _this._init__trigger.bind(_this);
+ _this._init__tray = _this._init__tray.bind(_this);
+
+ // Event handlers
+ _this._keydownHandler = _this._keydownHandler.bind(_this);
+ _this._keyupHandler = _this._keyupHandler.bind(_this);
+ _this._navigateToUrl = _this._navigateToUrl.bind(_this);
+ _this._directLinkHandler = _this._directLinkHandler.bind(_this);
+ return _this;
+ }
+
+ createClass(PfeNavigationItem, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeNavigationItem.prototype.__proto__ || Object.getPrototypeOf(PfeNavigationItem.prototype), "connectedCallback", this).call(this);
+
+ this._init__trigger();
+ this._init__tray();
+
+ // Add a slotchange listeners to the lightDOM elements
+ if (this.trigger) this.trigger.addEventListener("slotchange", this._init__trigger);
+ if (this.tray) this.tray.addEventListener("slotchange", this._init__tray);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.trigger.removeEventListener("slotchange", this._init);
+
+ if (this.tray) {
+ this.tray.removeEventListener("slotchange", this._init);
+
+ this.removeEventListener("keydown", this._keydownHandler);
+ this.removeEventListener("keyup", this._exit);
+
+ this._trigger.removeEventListener("click", this.toggle);
+ this._trigger.removeEventListener("keyup", this._keyupHandler);
+ } else {
+ this._trigger.removeEventListener("click", this._navigateToUrl);
+ this._trigger.removeEventListener("keyup", this._directLinkHandler);
+ }
+ }
+ }, {
+ key: "_init__trigger",
+ value: function _init__trigger() {
+ // If no slots have been assigned, assign it to the trigger slot
+ var unassigned = [].concat(toConsumableArray(this.children)).filter(function (child) {
+ return !child.hasAttribute("slot");
+ });
+ unassigned.map(function (item) {
+ return item.setAttribute("slot", "trigger");
+ });
+
+ // Get the LightDOM trigger & tray content
+ this.trigger = this.querySelector("[slot=\"trigger\"]");
+
+ // Check the light dom for the link
+ if (this.trigger) {
+ this.directLink = this.trigger.querySelector("a");
+ // Check the slotted content for the link if it can't be found
+ if (!this.directLink && this.trigger.tagName === "SLOT") {
+ var slottedContent = this.trigger.assignedNodes();
+ if (slottedContent.length > 0 && slottedContent[0].tagName === "A") {
+ this.directLink = slottedContent[0];
+ }
+ }
+
+ // Turn off the fallback link if the tray does not exist
+ if (this.directLink) {
+ this.directLink.setAttribute("tabindex", "-1");
+ this.linkUrl = this.directLink.href;
+ } else {
+ this.linkUrl = "#";
+ }
+
+ this._trigger.addEventListener("click", this._navigateToUrl);
+ this._trigger.addEventListener("keyup", this._directLinkHandler);
+ }
+ }
+ }, {
+ key: "_init__tray",
+ value: function _init__tray() {
+ var _this4 = this;
+
+ // Get the LightDOM trigger & tray content
+ this.tray = this.querySelector("[slot=\"tray\"]");
+
+ //-- Check for any nested navigation items
+ // If a light DOM tray exists, check for descendents
+ if (this.tray) {
+ this.nestedItems = this.nestedItems.concat([].concat(toConsumableArray(this.tray.querySelectorAll("" + this.tag))));
+ var array = [];
+
+ // Search the tray for nested slots
+ if (!window.ShadyCSS) {
+ [].concat(toConsumableArray(this.tray.querySelectorAll("slot"))).forEach(function (slot) {
+ [].concat(toConsumableArray(slot.assignedElements())).forEach(function (node) {
+ array = array.concat([].concat(toConsumableArray(node.querySelectorAll("" + _this4.tag))));
+ });
+ });
+ }
+
+ this.nestedItems = this.nestedItems.concat(array.filter(function (el) {
+ return !_this4.nestedItems.includes(el);
+ }));
+
+ this._init__handlers();
+ }
+ }
+ }, {
+ key: "_init__handlers",
+ value: function _init__handlers() {
+ this._trigger.removeEventListener("click", this._navigateToUrl);
+ this._trigger.removeEventListener("keyup", this._directLinkHandler);
+
+ if (this._handlersAdded) {
+ return;
+ }
+
+ // Toggle the navigation when the trigger is clicked
+ this._trigger.addEventListener("click", this.toggle);
+
+ // Attaching to the parent element allows the exit key to work inside the tray too
+ this.addEventListener("keyup", this._exit);
+ this.addEventListener("keydown", this._keydownHandler);
+
+ this._trigger.addEventListener("keyup", this._keyupHandler);
+ this._handlersAdded = true;
+ }
+ }, {
+ key: "_navigateToUrl",
+ value: function _navigateToUrl(event) {
+ event.preventDefault();
+ window.location.href = this.linkUrl;
+ }
+ }, {
+ key: "_directLinkHandler",
+ value: function _directLinkHandler(event) {
+ var key = event.key || event.keyCode;
+ switch (key) {
+ case "Spacebar":
+ case " ":
+ case 32:
+ case "Enter":
+ case 13:
+ this._navigateToUrl(event);
+ break;
+ default:
+ return;
+ }
+ }
+ }, {
+ key: "_keydownHandler",
+ value: function _keydownHandler(event) {
+ var key = event.key || event.keyCode;
+ var clicked = event.path && event.path.length > 0 ? event.path[0] : this;
+
+ switch (key) {
+ case "Spacebar":
+ case " ":
+ case 32:
+ if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) {
+ event.preventDefault();
+ }
+ break;
+ }
+ }
+ }, {
+ key: "_keyupHandler",
+ value: function _keyupHandler(event) {
+ var key = event.key || event.keyCode;
+ var clicked = event.path && event.path.length > 0 ? event.path[0] : this;
+
+ switch (key) {
+ case "Spacebar":
+ case " ":
+ case 32:
+ if (!["INPUT", "TEXTAREA", "SELECT"].includes(clicked.tagName)) {
+ this.toggle(event);
+ }
+ break;
+ case "Enter":
+ case 13:
+ if (!["A"].includes(clicked.tagName)) {
+ this.toggle(event);
+ }
+ break;
+ }
+ }
+
+ // Note: Escape will always exit the entire menu
+
+ }, {
+ key: "_exit",
+ value: function _exit(event) {
+ var key = event.key || event.keyCode;
+ switch (key) {
+ case "Esc":
+ case "Escape":
+ case 27:
+ this.close(event);
+ break;
+ }
+ }
+ }]);
+ return PfeNavigationItem;
+ }(PFElement);
+
+ /*!
+ * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeNavigationMain = function (_PFElement) {
+ inherits(PfeNavigationMain, _PFElement);
+ createClass(PfeNavigationMain, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-navigation-main.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-navigation-main.scss";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-navigation-main";
+ }
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Container;
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["show_content"];
+ }
+ }]);
+
+ function PfeNavigationMain() {
+ classCallCheck(this, PfeNavigationMain);
+
+ var _this = possibleConstructorReturn(this, (PfeNavigationMain.__proto__ || Object.getPrototypeOf(PfeNavigationMain)).call(this, PfeNavigationMain));
+
+ _this._init = _this._init.bind(_this);
+ return _this;
+ }
+
+ createClass(PfeNavigationMain, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeNavigationMain.prototype.__proto__ || Object.getPrototypeOf(PfeNavigationMain.prototype), "connectedCallback", this).call(this);
+
+ this._init();
+
+ // Add a slotchange listener to the lightDOM trigger
+ this.addEventListener("slotchange", this._init);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.removeEventListener("slotchange", this._init);
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ // Get all the nested navigation items
+ this.navItems = [].concat(toConsumableArray(this.querySelectorAll("pfe-navigation-item")));
+
+ // Find the first nested element
+ this.first = this.navItems.length > 0 ? this.navItems[0] : null;
+ // Find the last nested element
+ this.last = this.navItems[this.navItems.length - 1];
+
+ // Ensure the necessary a11y is set
+ this.setAttribute("role", "navigation");
+ this.setAttribute("aria-label", "Main");
+
+ // For each nested navigation item, tag it with context
+ this.navItems.forEach(function (item) {
+ item.nested = true;
+ });
+
+ // Tag the first and last navigation items for styling in mobile
+ if (this.first) this.first.setAttribute("first", "");
+ if (this.last) this.last.setAttribute("last", "");
+ }
+ }]);
+ return PfeNavigationMain;
+ }(PFElement);
+
+ /*!
+ * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeNavigation = function (_PFElement) {
+ inherits(PfeNavigation, _PFElement);
+ createClass(PfeNavigation, [{
+ key: "html",
+ get: function get$$1() {
+ return "
\n";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-navigation.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-navigation.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-navigation.json";
+ }
+ }, {
+ key: "overlay",
+ get: function get$$1() {
+ return !this._overlay.hasAttribute("hidden");
+ },
+ set: function set$$1(state) {
+ if (state) {
+ // Add the overlay to the page
+ this._overlay.removeAttribute("hidden");
+
+ // This prevents background scroll while nav is open
+ // document.body.style.overflow = "hidden";
+
+ this._wrapper.setAttribute("expanded", "");
+ } else {
+ // Remove the overlay from the page
+ this._overlay.setAttribute("hidden", "");
+
+ // Allow background to scroll again
+ // document.body.style.overflow = "auto";
+
+ this._wrapper.removeAttribute("expanded");
+ }
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "sticky": { "title": "Sticky navigation", "type": "boolean", "default": true, "prefixed": true }, "full-width": { "title": "Full width navigation", "type": "boolean", "default": false, "prefixed": true }, "close-on-click": { "title": "Close navigation on click event", "type": "string", "enum": ["external"], "default": "external", "prefixed": true }, "menu-label": { "title": "Mobile menu label", "type": "string", "default": "Menu", "prefixed": true } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "skip": { "title": "Skip navigation", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "logo": { "title": "Logo", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "search": { "title": "Search", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-search": { "title": "Mobile search functionality", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "raw" }] } }, "main": { "title": "Main navigation", "type": "array", "namedSlot": false, "items": { "title": "Item", "oneOf": [{ "$ref": "nav" }, { "$ref": "raw" }] } }, "language": { "title": "Language switcher", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-language": { "title": "Mobile link to language page", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "a" }] } }, "login": { "title": "Log in", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } }, "mobile-login": { "title": "Mobile link to log in page", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "a" }] } }, "site-switcher": { "title": "Site switcher", "type": "array", "namedSlot": true, "items": { "title": "Item", "oneOf": [{ "$ref": "pfe-navigation-item" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-navigation";
+ }
+ }, {
+ key: "cascadingAttributes",
+ get: function get$$1() {
+ return {
+ "pfe-full-width": "pfe-navigation-item"
+ };
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-full-width"];
+ }
+ }]);
+
+ function PfeNavigation() {
+ classCallCheck(this, PfeNavigation);
+
+ // Attach functions for use below
+ var _this = possibleConstructorReturn(this, (PfeNavigation.__proto__ || Object.getPrototypeOf(PfeNavigation)).call(this, PfeNavigation));
+
+ _this._init = _this._init.bind(_this);
+ _this._setVisibility = _this._setVisibility.bind(_this);
+
+ // -- handlers
+ _this._resizeHandler = _this._resizeHandler.bind(_this);
+ _this._stickyHandler = _this._stickyHandler.bind(_this);
+ _this._outsideListener = _this._outsideListener.bind(_this);
+ _this._menuItemClickHandler = _this._menuItemClickHandler.bind(_this);
+ _this._overlayClickHandler = _this._overlayClickHandler.bind(_this);
+ _this._observer = new MutationObserver(_this._init);
+
+ // Capture shadow elements
+ _this._overlay = _this.shadowRoot.querySelector("." + _this.tag + "__overlay");
+ _this._wrapper = _this.shadowRoot.querySelector("." + _this.tag + "__wrapper");
+ _this._menuItem = _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-mobile-menu\"]");
+
+ _this._slots = {
+ language: _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-user\"]"),
+ login: _this.shadowRoot.querySelector(PfeNavigationItem.tag + "[pfe-icon=\"web-globe\"]")
+ };
+
+ // Initialize active navigation item to empty array
+ _this._activeNavigationItems = [];
+ _this.overlay = false;
+
+ // make sure we close all of the nav items and hide the overlay when
+ // the mobile menu button is closed
+ _this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").addEventListener("click", _this._menuItemClickHandler);
+
+ // make sure we close all of the nav items and hide the overlay
+ // when it's clicked
+ _this._overlay.addEventListener("click", _this._overlayClickHandler);
+ return _this;
+ }
+
+ createClass(PfeNavigation, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ var _this2 = this;
+
+ get(PfeNavigation.prototype.__proto__ || Object.getPrototypeOf(PfeNavigation.prototype), "connectedCallback", this).call(this);
+
+ Promise.all([customElements.whenDefined(PfeNavigationItem.tag), customElements.whenDefined(PfeNavigationMain.tag)]).then(function () {
+ // If this element contains light DOM, initialize it
+ if (_this2.children.length) {
+ // If only one value exists in the array, it starts at that size and goes up
+ _this2.breakpoints = {
+ main: [0, 1023], // visible from 0 - 1200px
+ search: [640], // visible from 768px +
+ "mobile-search": [0, 639],
+ language: [640],
+ "mobile-language": [0, 639],
+ login: [640],
+ "mobile-login": [0, 639]
+ };
+
+ // Kick off the initialization of the light DOM elements
+ _this2._init();
+
+ // Watch for screen resizing
+ window.addEventListener("resize", _this2._resizeHandler);
+ } else {
+ console.error("This component does not have any light DOM children. Please check documentation for requirements.");
+ }
+
+ _this2._observer.observe(_this2, { childList: true });
+ });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ // Remove the scroll, resize, and outside click event listeners
+ window.removeEventListener("resize", this._resizeHandler);
+
+ if (this.hasAttribute("pfe-close-on-click") && this.getAttribute("pfe-close-on-click") === "external") {
+ document.removeEventListener("click", this._outsideListener);
+ }
+
+ if (this.hasAttribute("pfe-sticky") && this.getAttribute("pfe-sticky") != "false") {
+ window.removeEventListener("scroll", this._stickyHandler);
+ }
+
+ this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click", this._menuItemClickHandler);
+ this._overlay.removeEventListener("click", this._overlayClickHandler);
+
+ this._observer.disconnect();
+ }
+ }, {
+ key: "_resizeHandler",
+ value: function _resizeHandler(event) {
+ var _this3 = this;
+
+ // Set the visibility of items
+ this._setVisibility(this.offsetWidth);
+
+ // Check what the active item is
+ this._activeNavigationItems.forEach(function (item) {
+ // If the item is open but not visible, update it to hidden
+ if (item.expanded && !item.visible) {
+ item.expanded = false;
+ _this3._activeNavigationItems = _this3._activeNavigationItems.filter(function (i) {
+ return i !== item;
+ });
+ } else if (item.expanded && item.parent && item.parent.visible) {
+ // if the parent is the mobile menu item and the size of the window is within
+ // the main breakpoint, make sure that the mobile menu is expanded
+ if (item.parent === _this3._menuItem && window.innerWidth <= _this3.breakpoints.main[1]) {
+ item.parent.expanded = true; // Ensure the parent is open
+ // If the parent item doesn't exist in the active array, add it
+ if (!_this3._activeNavigationItems.includes(item.parent)) {
+ _this3._activeNavigationItems.push(item.parent);
+ }
+ }
+ }
+ });
+
+ this.overlay = this._activeNavigationItems.length > 0;
+
+ // update the reported height
+ this._reportHeight();
+ }
+ }, {
+ key: "_stickyHandler",
+ value: function _stickyHandler() {
+ if (window.pageYOffset >= this.top) {
+ this.classList.add("pfe-sticky");
+ } else {
+ this.classList.remove("pfe-sticky");
+ }
+ }
+ }, {
+ key: "_outsideListener",
+ value: function _outsideListener(event) {
+ // Check if the clicked element is the navigation object
+ var isSelf = event.target === this;
+ // Check if the clicked element contains or is contained by the navigation element
+ var isChild = event.target.closest("pfe-navigation");
+ var insideWrapper = event.target.tagName.includes("-") ? event.target.shadowRoot.querySelector("pfe-navigation") : null;
+
+ // Check states to determine if the navigation items should close
+ if (!isSelf && !(isChild || insideWrapper)) {
+ this._activeNavigationItems.map(function (item) {
+ return item.close();
+ });
+ }
+ }
+ }, {
+ key: "_setVisibility",
+ value: function _setVisibility(width) {
+ var _this4 = this;
+
+ Object.keys(this.breakpoints).forEach(function (label) {
+ var bps = _this4.breakpoints[label];
+ var start = bps[0];
+ var end = bps[1];
+ var isVisible = false;
+
+ // If the slot exists, set attribute based on supported breakpoints
+ if (_this4.slots[label] && _this4.slots[label].nodes && _this4.slots[label].nodes.length > 0) {
+ if (width >= start && (!end || end && width <= end)) {
+ isVisible = true;
+ }
+
+ _this4.slots[label].nodes.forEach(function (node) {
+ switch (label) {
+ case "main":
+ if (isVisible) {
+ node.removeAttribute("show_content");
+ _this4._menuItem.removeAttribute("show_links");
+ } else {
+ node.setAttribute("show_content", "");
+ _this4._menuItem.setAttribute("show_links", "");
+ _this4._menuItem.expanded = false;
+ _this4._menuItem.tray.removeAttribute("hidden");
+ // Remove menuItem from active items
+ _this4._activeNavigationItems = _this4._activeNavigationItems.filter(function (item) {
+ return item !== _this4._menuItem;
+ });
+ }
+ node.navItems.forEach(function (item) {
+ if (isVisible) {
+ item.removeAttribute("parent_hidden");
+ } else {
+ item.setAttribute("parent_hidden", "");
+ }
+ });
+ break;
+ case (label.match(/^mobile/) || {}).input:
+ if (isVisible) {
+ // Set an attribute to show this region (strip the mobile prefix)
+ _this4._menuItem.setAttribute("show_" + label.slice(7), "");
+ if (_this4._slots[label.slice(7)]) _this4._slots[label.slice(7)].removeAttribute("hidden");
+ node.removeAttribute("hidden");
+ } else {
+ _this4._menuItem.removeAttribute("show_" + label.slice(7));
+ if (_this4._slots[label.slice(7)]) _this4._slots[label.slice(7)].setAttribute("hidden", "");
+ node.setAttribute("hidden", "");
+ }
+ break;
+ default:
+ node.visible = isVisible;
+ break;
+ }
+ });
+ }
+ });
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ var _this5 = this;
+
+ // @IE11 This is necessary so the script doesn't become non-responsive
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ // Initial position of this element from the top of the screen
+ this.top = this.getBoundingClientRect().top || 0;
+
+ // Get all nav items contained in this element
+ this.navItems = [].concat(toConsumableArray(this.querySelectorAll("pfe-navigation-item")));
+
+ // Add the menu element to the list of navigation items
+ // do this manually because menu item is in the shadow dom
+ if (this._menuItem) this.navItems.push(this._menuItem);
+
+ // Attach a reference to the navigation container to the children
+ this.navItems.forEach(function (item) {
+ item.navigationWrapper = _this5;
+ });
+
+ // Connect the shadow menu with the main component
+ var mainNav = this.querySelector("pfe-navigation-main");
+ if (mainNav && mainNav.navItems) {
+ mainNav.navItems.forEach(function (item) {
+ item.parent = _this5._menuItem;
+ });
+ }
+
+ // Start by setting the visibility of the slots
+ this._setVisibility(this.offsetWidth);
+
+ // If the nav is set to sticky, inject the height of the nav to the next element in the DOM
+ if (this.hasAttribute("pfe-sticky") && this.getAttribute("pfe-sticky") != "false") {
+ // Run the sticky check on first page load
+ this._stickyHandler();
+
+ // Attach the scroll event to the window
+ window.addEventListener("scroll", this._stickyHandler);
+ }
+
+ // Listen for clicks outside the navigation element
+ if (this.hasAttribute("pfe-close-on-click") && this.getAttribute("pfe-close-on-click") === "external") {
+ document.addEventListener("click", this._outsideListener);
+ }
+
+ // report the height of this pfe-navigation element
+ this._reportHeight();
+
+ // @IE11 This is necessary so the script doesn't become non-responsive
+ if (window.ShadyCSS) {
+ setTimeout(function () {
+ _this5._observer.observe(_this5, {
+ childList: true,
+ subtree: true,
+ characterData: true
+ });
+ }, 0);
+ }
+ }
+ }, {
+ key: "_menuItemClickHandler",
+ value: function _menuItemClickHandler(event) {
+ if (event.currentTarget.getAttribute("aria-expanded") === "false") {
+ this._activeNavigationItems.map(function (item) {
+ return item.close();
+ });
+ this.overlay = false;
+ }
+ }
+ }, {
+ key: "_overlayClickHandler",
+ value: function _overlayClickHandler(event) {
+ this._activeNavigationItems.map(function (item) {
+ return item.close();
+ });
+ this.overlay = false;
+ }
+
+ /**
+ * Set a global CSS variable reporting the height of this navigation item.
+ * Used to position sticky subnavigation items under this.
+ *
+ * The name of the global CSS variable is `--pfe-navigation--Height--actual`.
+ */
+
+ }, {
+ key: "_reportHeight",
+ value: function _reportHeight() {
+ var cssVarName = "--" + this.tag + "--Height--actual";
+ var height = this.clientHeight + "px";
+ document.body.style.setProperty(cssVarName, height);
+ }
+ }]);
+ return PfeNavigation;
+ }(PFElement);
+
+ PFElement.create(PfeNavigationItem);
+ PFElement.create(PfeNavigationMain);
+ PFElement.create(PfeNavigation);
+
+ return PfeNavigation;
+
+})));
+//# sourceMappingURL=pfe-navigation.umd.js.map
diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.js.map b/elements/pfe-navigation/dist/pfe-navigation.umd.js.map
new file mode 100644
index 0000000000..d2f42314d5
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-navigation.umd.js","sources":["../_temp/polyfills--pfe-navigation.js","../_temp/pfe-navigation-item.js","../_temp/pfe-navigation-main.js","../_temp/pfe-navigation.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.filter\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter\nif (!Array.prototype.filter) {\n Array.prototype.filter = function(func, thisArg) {\n \"use strict\";\n if (!((typeof func === \"Function\" || typeof func === \"function\") && this))\n throw new TypeError();\n\n var len = this.length >>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n ${this.hasIcon ? `` : \"\"}\n \n
\n${ this.has_slot(\"tray\") ? `
\n \n
` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","TypeError","len","length","res","t","c","i","kValue","undefined","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","Object","defineProperty","value","searchElement","fromIndex","o","n","k","Math","max","abs","sameValueZero","x","y","isNaN","Event","get","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","event","preventDefault","navigationWrapper","_activeNavigationItems","stayOpen","item","parent","close","expanded","overlay","dispatchEvent","CustomEvent","tag","detail","bubbles","composed","nestedItems","focus","visible","open","hasIcon","iconName","has_slot","hasAttribute","getAttribute","isNested","Boolean","setAttribute","removeAttribute","classList","contains","isExpanded","add","_icon","_trigger","tray","_tray","remove","isVisible","PFElement","PfeTypes","Container","_handlersAdded","nested","trigger","directLink","linkUrl","shadowRoot","querySelector","bind","toggle","_init__trigger","_init__tray","_keydownHandler","_keyupHandler","_navigateToUrl","_directLinkHandler","addEventListener","removeEventListener","_init","_exit","unassigned","children","child","map","tagName","slottedContent","assignedNodes","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_init__handlers","location","key","keyCode","clicked","PfeNavigationMain","navItems","first","last","PfeNavigation","_overlay","state","_wrapper","_setVisibility","_resizeHandler","_stickyHandler","_outsideListener","_menuItemClickHandler","_overlayClickHandler","_observer","MutationObserver","_menuItem","_slots","language","login","Promise","all","customElements","whenDefined","then","breakpoints","main","search","console","error","observe","childList","disconnect","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","bps","label","start","end","slots","nodes","match","input","slice","getBoundingClientRect","mainNav","setTimeout","subtree","characterData","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-navigation/dist/pfe-navigation.umd.min.js b/elements/pfe-navigation/dist/pfe-navigation.umd.min.js
new file mode 100644
index 0000000000..a267dde5da
--- /dev/null
+++ b/elements/pfe-navigation/dist/pfe-navigation.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd.min"),require("../../pfe-icon/dist/pfe-icon.umd.min"),require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd.min","../../pfe-icon/dist/pfe-icon.umd.min","../../pfelement/dist/pfelement.umd"],t):e.PfeNavigation=t(e.PFElement,e.PfeIcon,e.PFElement)}(this,function(e,t,i){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,t=t&&t.hasOwnProperty("default")?t.default:t,i=i&&i.hasOwnProperty("default")?i.default:i,Array.prototype.filter||(Array.prototype.filter=function(e,t){if("Function"!=typeof e&&"function"!=typeof e||!this)throw new TypeError;var i,n=this.length>>>0,a=new Array(n),o=this,r=0,s=-1;if(void 0===t)for(;++s!=n;)s in this&&(i=o[s],e(o[s],s,o)&&(a[r++]=i));else for(;++s!=n;)s in this&&(i=o[s],e.call(t,o[s],s,o)&&(a[r++]=i));return a.length=r,a}),Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector),Element.prototype.closest||(Element.prototype.closest=function(e){var t=this;do{if(t.matches(e))return t;t=t.parentElement||t.parentNode}while(null!==t&&1===t.nodeType);return null}),Array.prototype.includes||Object.defineProperty(Array.prototype,"includes",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var i=Object(this),n=i.length>>>0;if(0==n)return!1;var a,o,r=0|t,s=Math.max(0<=r?r:n-Math.abs(r),0);for(;s:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{position:relative;display:block;width:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px)}::slotted([slot=trigger]){font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px!important;font-size:var(--pfe-navigation__trigger--FontSize,var(--pfe-theme--font-size--heading--epsilon,16px))!important;font-weight:300;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300));color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));z-index:2;line-height:1.1;margin:0!important;max-width:100%;text-align:center}@media screen and (min-width:0){::slotted([slot=trigger]){max-width:100%}}@media screen and (min-width:1200px){::slotted([slot=trigger]){max-width:190px}}:host{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.2;height:100%;min-width:auto;min-width:var(--pfe-navigation--MinWidth,auto)}@media screen and (max-width:1200px){:host{width:100%}}@media screen and (min-width:500px){:host{--pfe-navigation__trigger--Padding:var(--pfe-theme--container-padding, 16px)}}:host([aria-current=location]){--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c)}:host(.expanded){--pfe-navigation__trigger-icon--Visible:visible;--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-navigation--Color:var(--pfe-theme--color--text, #151515)}:host([pfe-icon]){--pfe-navigation--MinWidth:50px;--pfe-navigation__trigger--FontSize:12px;--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .625);--pfe-navigation__trigger-icon--Visible:hidden;-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto;width:auto;min-width:65px}@media screen and (min-width:640px){:host([pfe-icon]){width:70px}}@media screen and (max-height:500px){:host([pfe-icon]){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 3) calc(var(--pfe-theme--container-padding, 16px) *.5)}}@media screen and (min-width:1024px){:host([pfe-icon]){-webkit-box-flex:1;-webkit-flex:auto;-ms-flex:auto;flex:auto}}:host(:not([pfe-icon])){--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) * .75)}:host(:not([has_tray])),:host(:not([pfe-icon]):not([is_nested]):not(.expanded)){--pfe-navigation__trigger-icon--Visible:hidden}:host([is_nested]:not([parent_hidden])){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;max-width:100%;max-width:var(--pfe-navigation--Width,100%)}.pfe-navigation-item__trigger{--pfe-theme--link--text-decoration:none;--pfe-theme--link--text-decoration--hover:none;--pfe-theme--link--text-decoration--focus:none;--pfe-broadcasted--text:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--hover:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--focus:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-broadcasted--link--visited:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff));--pfe-theme--font-size--alpha:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--alpha:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--beta:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--beta:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));--pfe-theme--font-size--gamma:var(--pfe-navigation__trigger--FontSize, var(--pfe-theme--font-size--heading--epsilon, 16px));--pfe-theme--font-weight--gamma:var(--pfe-navigation--FontWeight, var(--pfe-theme--font-weight--light, 300));border-top:4px solid transparent;border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderTopColor,transparent);border-right:1px dashed transparent;border-right:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);border-bottom:1px dashed transparent;border-bottom:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);border-left:1px dashed transparent;border-left:var(--pfe-theme--surface--border-width,1px) dashed var(--pfe-navigation--BorderColor,transparent);background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));padding:calc(16px * .5);padding:var(--pfe-navigation__trigger--Padding,calc(var(--pfe-theme--container-padding,16px) * .5));position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));outline:0;cursor:pointer}.pfe-navigation-item__trigger:hover{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation__trigger-icon--Visible:visible}:host([variant=wind]) .pfe-navigation-item__trigger:hover{--pfe-navigation--Color:var(--pfe-theme--color--link--hover, #004080)}:host([has_tray]:not([pfe-icon]):not([is_nested]):not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible;border-top-color:#fff;border-top-color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff))}@media screen and (min-width:1200px){:host([has_tray]:not(.expanded)) .pfe-navigation-item__trigger:hover{--pfe-navigation__trigger-icon--Visible:visible}}.pfe-navigation-item__trigger:focus{--pfe-navigation--BorderTopColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--lightest, #fff)}:host([variant=wind]) .pfe-navigation-item__trigger:focus{--pfe-navigation--Color:var(--pfe-theme--color--link--focus, #004080)}:host(:not([pfe-icon])) .pfe-navigation-item__trigger::after{display:block;content:" ";visibility:hidden;visibility:var(--pfe-navigation__trigger-icon--Visible,hidden);border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#4f5255;border-top-color:var(--pfe-theme--color--feedback--default,#4f5255);-webkit-transform:rotate(0);transform:rotate(0);position:absolute;bottom:calc(16px / 2);bottom:calc(var(--pfe-theme--container-spacer,16px)/ 2)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--text:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-broadcasted--link:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-broadcasted--link-decoration:var(--pfe-navigation__tray--Color, var(--pfe-theme--color--text, #151515));--pfe-navigation--BorderBottomWidth:0;--pfe-navigation--ZIndex:3;--pfe-navigation__trigger--Padding:var(--pfe-navigation__base--Padding) 50px var(--pfe-navigation__base--Padding) calc(var(--pfe-navigation__base--Padding) * 1.5);margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:calc(100% - 4px);max-width:calc(100% - var(--pfe-theme--surface--border-width--heavy,4px));height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));border:0 solid transparent;border:0 var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-top-width:var(--pfe-navigation--BorderTopWidth);border-right-width:var(--pfe-navigation--BorderRightWidth);border-bottom-width:var(--pfe-navigation--BorderBottomWidth);border-left:var(--pfe-navigation--BorderLeftWidth) solid var(--pfe-navigation--BorderColor--accent);border-left:var(--pfe-navigation--BorderLeftWidth) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);z-index:var(--pfe-navigation--ZIndex);cursor:pointer;font-family:inherit;font-size:calc(16px * 1.1);font-size:var(--pfe-navigation--FontSize--header,calc(var(--pfe-theme--font-size,16px) * 1.1));font-weight:700;font-weight:var(--pfe-theme--font-weight--bold,700);text-align:left;text-align:var(--pfe-navigation--TextAlign,left);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);padding:calc(16px * .5);padding:var(--pfe-navigation__trigger--Padding,calc(var(--pfe-theme--container-padding,16px) * .5));-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:hover{outline:0;border-left-width:4px;border-left-width:var(--pfe-theme--surface--border-width--heavy,4px)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger:focus{outline:0;text-decoration:underline}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::-moz-focus-inner{border:0}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent);--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);--pfe-navigation--ZIndex:3}:host([is_nested][last]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger{--pfe-navigation--BorderBottomWidth:var(--pfe-theme--surface--border-width, 1px)}:host([is_nested]:not(.expanded):not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 0px);top:calc(var(--pfe-theme--container-spacer,16px) + 0px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:0 .1em .1em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:calc(16px * 1.3125);right:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__trigger::after{content:"";position:absolute;top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);display:block;border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);height:.4em;width:.4em;-webkit-transition:-webkit-transform .15s;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border-width:.1em .1em 0 0;border-bottom:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(16px + 4px);top:calc(var(--pfe-theme--container-spacer,16px) + 4px);right:calc(16px * 1.3125);right:calc(var(--pfe-theme--container-spacer,16px) * 1.3125)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__trigger::after{--pfe-navigation__trigger-icon--Visible:visible;border-color:#fff;border-color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff))}:host([is_nested]:not([has_tray]):not([parent_hidden])) .pfe-navigation-item__trigger::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([variant=wind]) .pfe-navigation-item__trigger{--pfe-navigation__trigger--Padding:calc(var(--pfe-theme--container-padding, 16px) / 2) 0 calc(var(--pfe-theme--container-padding, 16px) / 2) calc(var(--pfe-theme--container-spacer, 16px) * 1.5);--pfe-navigation--Color:pfe-var(link);--pfe-navigation--BackgroundColor:transparent!important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;border:none}.pfe-navigation-item__trigger pfe-icon{--pfe-icon--Color:var(--pfe-navigation--Color, var(--pfe-theme--color--text--on-dark, #fff))}:host([variant=wind]) .pfe-navigation-item__trigger pfe-icon{margin-bottom:0;margin-right:calc(16px / 2);margin-right:calc(var(--pfe-theme--container-spacer,16px)/ 2)}.pfe-navigation-item__trigger pfe-icon[icon=web-plus]{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}:host([pfe-icon]) ::slotted([slot=trigger]){margin:.25em 0 0 0!important;max-width:100px}::slotted(*){font-size:inherit!important;font-weight:300!important;font-weight:var(--pfe-navigation--FontWeight,var(--pfe-theme--font-weight--light,300))!important}.pfe-navigation-item__tray{--pfe-navigation--FontWeight:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none);-webkit-transition:all cubic-bezier(.465,.183,.153,.946);transition:all cubic-bezier(.465,.183,.153,.946);-webkit-transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));transition:all var(--pfe-theme--animation-timing,cubic-bezier(.465,.183,.153,.946));-webkit-box-sizing:border-box;box-sizing:border-box;display:none;visibility:hidden}.pfe-navigation-item__tray[aria-expanded=true]{display:block;visibility:visible}:host([show_links]:not([parent_hidden])) .pfe-navigation-item__tray{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;width:100%;padding-right:40px}:host(:not([pfe-icon=web-mobile-menu]):not([is_nested])) .pfe-navigation-item__tray,:host([is_nested][parent_hidden]) .pfe-navigation-item__tray,:host([pfe-icon=web-mobile-menu]:not([show_links])) .pfe-navigation-item__tray{position:absolute;top:100%;left:0;background-color:#fff;background-color:var(--pfe-navigation__tray--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-navigation__tray--Color,var(--pfe-theme--color--text,#151515));padding:var(--pfe-navigation__tray--Padding);width:100%;max-height:calc(100vh - 84px);max-height:calc(100vh - var(--pfe-navigation--Height,84px));overflow-x:hidden;overflow-y:scroll;padding-right:9px}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray{display:none;overflow:hidden;will-change:height;border-color:transparent;opacity:0;margin:0;width:100%;width:var(--pfe-navigation--Width,100%);max-width:calc(100% - 4px);max-width:calc(100% - var(--pfe-theme--surface--border-width--heavy,4px));height:auto;position:relative;background-color:transparent;background-color:var(--pfe-navigation--BackgroundColor,transparent);color:#fff;color:var(--pfe-navigation--Color,var(--pfe-theme--color--text--on-dark,#fff));border:0 solid transparent;border:0 var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor,transparent);border-top-width:var(--pfe-navigation--BorderTopWidth);border-right-width:var(--pfe-navigation--BorderRightWidth);border-bottom-width:var(--pfe-navigation--BorderBottomWidth);border-left:var(--pfe-navigation--BorderLeftWidth) solid var(--pfe-navigation--BorderColor--accent);border-left:var(--pfe-navigation--BorderLeftWidth) var(--pfe-theme--surface--border-style,solid) var(--pfe-navigation--BorderColor--accent);-webkit-box-shadow:var(--pfe-navigation--BoxShadow);box-shadow:var(--pfe-navigation--BoxShadow);z-index:var(--pfe-navigation--ZIndex);--pfe-navigation--BoxShadow:none;padding:var(--pfe-navigation__panel-container--Padding);padding:calc(var(--pfe-navigation--Padding--vertical)/ 2) calc(var(--pfe-navigation--Padding--horizontal) * 1.75)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray:hover{--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent)}:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray *,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::after,:host([is_nested]:not([parent_hidden])) .pfe-navigation-item__tray ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host([is_nested].expanded:not([parent_hidden])) .pfe-navigation-item__tray{--pfe-navigation--BorderColor:var(--pfe-theme--color--surface--border, #d2d2d2);--pfe-navigation--BorderRightWidth:var(--pfe-theme--surface--border-width, 1px);--pfe-navigation--BorderLeftWidth:var(--pfe-theme--surface--border-width--heavy, 4px);--pfe-navigation--BackgroundColor:white;--pfe-navigation--Color:var(--pfe-theme--color--text, #151515);--pfe-navigation--BorderColor--accent:var(--pfe-navigation--accent);--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);--pfe-navigation--ZIndex:3;--pfe-navigation--BorderTopWidth:0;--pfe-navigation--BoxShadow:0 5px var(--pfe-theme--surface--border-width--heavy, 4px) rgba(140, 140, 140, 0.35);display:block;position:relative;opacity:1}::slotted([slot=tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}:host(:not(.expanded):not([show_links])) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__tray,:host([hidden]) .pfe-navigation-item__trigger,:host([hidden]:not([show_tray])),:host([show_links])>.pfe-navigation-item__trigger{display:none;visibility:hidden}:host([show_links]) ::slotted([slot=tray][hidden]),:host([show_tray]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;visibility:visible;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}:host([is_nested]) ::slotted([slot=trigger]){text-align:left}:host([is_nested]) [slot=trigger]>a{color:#151515!important;color:var(--pfe-theme--color--text,#151515)!important}:host([pfe-icon=web-mobile-menu]){-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;-webkit-box-flex:0;-webkit-flex:0 1 99%;-ms-flex:0 1 99%;flex:0 1 99%}:host([is_nested][parent_hidden][pfe-full-width]) .pfe-navigation-item__tray{padding:var(--pfe-navigation__tray--Padding) 0 var(--pfe-navigation__tray--Padding)}\n/*# sourceMappingURL=pfe-navigation-item.min.css.map */\n
\n'}},{key:"templateUrl",get:function(){return"pfe-navigation.html"}},{key:"styleUrl",get:function(){return"pfe-navigation.scss"}},{key:"schemaUrl",get:function(){return"pfe-navigation.json"}},{key:"overlay",get:function(){return!this._overlay.hasAttribute("hidden")},set:function(e){e?(this._overlay.removeAttribute("hidden"),this._wrapper.setAttribute("expanded","")):(this._overlay.setAttribute("hidden",""),this._wrapper.removeAttribute("expanded"))}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{sticky:{title:"Sticky navigation",type:"boolean",default:!0,prefixed:!0},"full-width":{title:"Full width navigation",type:"boolean",default:!1,prefixed:!0},"close-on-click":{title:"Close navigation on click event",type:"string",enum:["external"],default:"external",prefixed:!0},"menu-label":{title:"Mobile menu label",type:"string",default:"Menu",prefixed:!0}}}},{key:"slots",get:function(){return{skip:{title:"Skip navigation",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},logo:{title:"Logo",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},search:{title:"Search",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-search":{title:"Mobile search functionality",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"raw"}]}},main:{title:"Main navigation",type:"array",namedSlot:!1,items:{title:"Item",oneOf:[{$ref:"nav"},{$ref:"raw"}]}},language:{title:"Language switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-language":{title:"Mobile link to language page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},login:{title:"Log in",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}},"mobile-login":{title:"Mobile link to log in page",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"a"}]}},"site-switcher":{title:"Site switcher",type:"array",namedSlot:!0,items:{title:"Item",oneOf:[{$ref:"pfe-navigation-item"}]}}}}},{key:"tag",get:function(){return"pfe-navigation"}},{key:"cascadingAttributes",get:function(){return{"pfe-full-width":"pfe-navigation-item"}}},{key:"observedAttributes",get:function(){return["pfe-full-width"]}}]),a(v,[{key:"connectedCallback",value:function(){var e=this;r(v.prototype.__proto__||Object.getPrototypeOf(v.prototype),"connectedCallback",this).call(this),Promise.all([customElements.whenDefined(p.tag),customElements.whenDefined(c.tag)]).then(function(){e.children.length?(e.breakpoints={main:[0,1023],search:[640],"mobile-search":[0,639],language:[640],"mobile-language":[0,639],login:[640],"mobile-login":[0,639]},e._init(),window.addEventListener("resize",e._resizeHandler)):console.error("This component does not have any light DOM children. Please check documentation for requirements."),e._observer.observe(e,{childList:!0})})}},{key:"disconnectedCallback",value:function(){window.removeEventListener("resize",this._resizeHandler),this.hasAttribute("pfe-close-on-click")&&"external"===this.getAttribute("pfe-close-on-click")&&document.removeEventListener("click",this._outsideListener),this.hasAttribute("pfe-sticky")&&"false"!=this.getAttribute("pfe-sticky")&&window.removeEventListener("scroll",this._stickyHandler),this._menuItem.shadowRoot.querySelector(".pfe-navigation-item__trigger").removeEventListener("click",this._menuItemClickHandler),this._overlay.removeEventListener("click",this._overlayClickHandler),this._observer.disconnect()}},{key:"_resizeHandler",value:function(e){var i=this;this._setVisibility(this.offsetWidth),this._activeNavigationItems.forEach(function(t){t.expanded&&!t.visible?(t.expanded=!1,i._activeNavigationItems=i._activeNavigationItems.filter(function(e){return e!==t})):t.expanded&&t.parent&&t.parent.visible&&t.parent===i._menuItem&&window.innerWidth<=i.breakpoints.main[1]&&(t.parent.expanded=!0,i._activeNavigationItems.includes(t.parent)||i._activeNavigationItems.push(t.parent))}),this.overlay=0=this.top?this.classList.add("pfe-sticky"):this.classList.remove("pfe-sticky")}},{key:"_outsideListener",value:function(e){var t=e.target===this,i=e.target.closest("pfe-navigation"),n=e.target.tagName.includes("-")?e.target.shadowRoot.querySelector("pfe-navigation"):null;t||i||n||this._activeNavigationItems.map(function(e){return e.close()})}},{key:"_setVisibility",value:function(o){var r=this;Object.keys(this.breakpoints).forEach(function(t){var e=r.breakpoints[t],i=e[0],n=e[1],a=!1;r.slots[t]&&r.slots[t].nodes&&0>> 0,\n res = new Array(len), // preallocate array\n t = this,\n c = 0,\n i = -1;\n\n var kValue;\n if (thisArg === undefined) {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i]; // in case t is changed in callback\n if (func(t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n } else {\n while (++i !== len) {\n // checks to see if the key was set\n if (i in this) {\n kValue = t[i];\n if (func.call(thisArg, t[i], i, t)) {\n res[c++] = kValue;\n }\n }\n }\n }\n\n res.length = c; // shrink down array to proper size\n return res;\n };\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches\nif (!Element.prototype.matches) {\n Element.prototype.matches =\n Element.prototype.msMatchesSelector ||\n Element.prototype.webkitMatchesSelector;\n}\n\n// @POLYFILL Element.prototype.closest\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest\nif (!Element.prototype.closest) {\n Element.prototype.closest = function(s) {\n var el = this;\n\n do {\n if (el.matches(s)) return el;\n el = el.parentElement || el.parentNode;\n } while (el !== null && el.nodeType === 1);\n return null;\n };\n}\n\n// @POLYFILL Array.prototype.includes\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes\nif (!Array.prototype.includes) {\n Object.defineProperty(Array.prototype, \"includes\", {\n value: function(searchElement, fromIndex) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If len is 0, return false.\n if (len === 0) {\n return false;\n }\n\n // 4. Let n be ? ToInteger(fromIndex).\n // (If fromIndex is undefined, this step produces the value 0.)\n var n = fromIndex | 0;\n\n // 5. If n ≥ 0, then\n // a. Let k be n.\n // 6. Else n < 0,\n // a. Let k be len + n.\n // b. If k < 0, let k be 0.\n var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);\n\n function sameValueZero(x, y) {\n return (\n x === y ||\n (typeof x === \"number\" &&\n typeof y === \"number\" &&\n isNaN(x) &&\n isNaN(y))\n );\n }\n\n // 7. Repeat, while k < len\n while (k < len) {\n // a. Let elementK be the result of ? Get(O, ! ToString(k)).\n // b. If SameValueZero(searchElement, elementK) is true, return true.\n // c. Increase k by 1.\n if (sameValueZero(o[k], searchElement)) {\n return true;\n }\n k++;\n }\n\n // 8. Return false\n return false;\n }\n });\n}\n\n// @POLYFILL Event.prototype.path\n// https://stackoverflow.com/questions/36845515/mouseevent-path-equivalent-in-firefox-safari\nif (!(\"path\" in Event.prototype)) {\n Object.defineProperty(Event.prototype, \"path\", {\n get: function() {\n var path = [];\n var currentElem = this.target;\n while (currentElem) {\n path.push(currentElem);\n currentElem = currentElem.parentElement;\n }\n if (path.indexOf(window) === -1 && path.indexOf(document) === -1)\n path.push(document);\n if (path.indexOf(window) === -1) path.push(window);\n return path;\n }\n });\n}\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\nimport PfeIcon from \"../../pfe-icon/dist/pfe-icon.js\";\n\nclass PfeNavigationItem extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n ${this.hasIcon ? `` : \"\"}\n \n
\n${ this.has_slot(\"tray\") ? `
\n \n
` : \"\"}`;\n }\n\n static get properties() {\n return {\"icon\":{\"title\":\"Icon name\",\"type\":\"string\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"trigger\":{\"title\":\"Navigation trigger\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"tray\":{\"title\":\"Navigation tray\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation-item\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-item.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-item.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation-item.json\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"pfe-icon\", \"pfe-full-width\"];\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \".pfe-navigation-item__tray\"\n };\n }\n\n get hasIcon() {\n return this.hasAttribute(\"pfe-icon\");\n }\n\n get iconName() {\n return this.getAttribute(\"pfe-icon\");\n }\n\n get nested() {\n return this.hasAttribute(\"is_nested\");\n }\n\n set nested(isNested) {\n isNested = Boolean(isNested);\n\n if (isNested) {\n this.setAttribute(\"is_nested\", \"\");\n } else {\n this.removeAttribute(\"is_nested\");\n }\n }\n\n get expanded() {\n return this.classList.contains(\"expanded\");\n }\n\n set expanded(isExpanded) {\n isExpanded = Boolean(isExpanded);\n\n if (isExpanded) {\n this.classList.add(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-plus\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", true);\n }\n\n if (this.tray) {\n this.tray.removeAttribute(\"hidden\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", true);\n }\n } else {\n this.classList.remove(\"expanded\");\n\n if (this.iconName === \"web-mobile-menu\") {\n if (this._icon) this._icon.setAttribute(\"icon\", \"web-mobile-menu\");\n }\n\n if (this._trigger) {\n this._trigger.setAttribute(\"aria-expanded\", false);\n }\n\n if (this.tray) {\n this.tray.setAttribute(\"hidden\", \"\");\n }\n\n if (this._tray) {\n this._tray.setAttribute(\"aria-expanded\", false);\n }\n }\n }\n\n get visible() {\n return !this.hasAttribute(\"hidden\");\n }\n\n set visible(isVisible) {\n isVisible = Boolean(isVisible);\n\n if (isVisible) {\n this.removeAttribute(\"hidden\");\n } else {\n this.setAttribute(\"hidden\", \"\");\n }\n }\n\n open(event) {\n if (event) event.preventDefault();\n\n // Close the other active item(s) unless it's this item's parent\n if (this.navigationWrapper) {\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let stayOpen = item === this.parent;\n if (!stayOpen) item.close();\n return stayOpen;\n }\n );\n\n // Open that item and add it to the active array\n this.navigationWrapper._activeNavigationItems.push(this);\n\n this.expanded = true;\n this.navigationWrapper.overlay = true;\n }\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:open`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n close(event) {\n if (event) event.preventDefault();\n\n // Close the children elements\n this.navigationWrapper._activeNavigationItems = this.navigationWrapper._activeNavigationItems.filter(\n item => {\n let close = this.nestedItems && this.nestedItems.includes(item);\n if (close) item.close();\n return !close && item !== this;\n }\n );\n\n this.expanded = false;\n\n // Clear the overlay\n this.navigationWrapper.overlay =\n this.navigationWrapper._activeNavigationItems.length > 0;\n\n this.focus();\n\n // Dispatch the event\n this.dispatchEvent(\n new CustomEvent(`${this.tag}:close`, {\n detail: {},\n bubbles: true,\n composed: true\n })\n );\n }\n\n toggle(event) {\n if (event) event.preventDefault();\n\n if (this.visible && !this.expanded) {\n this.open(event);\n } else {\n this.close(event);\n }\n }\n\n constructor() {\n super(PfeNavigationItem);\n\n this._handlersAdded = false;\n\n // States\n this.nested = false;\n this.expanded = false;\n\n // Objects\n this.trigger = null;\n this.tray = null;\n this.directLink = null;\n this.linkUrl = null;\n\n // Lists\n this.nestedItems = [];\n\n // Shadow elements\n this._trigger = this.shadowRoot.querySelector(`.${this.tag}__trigger`);\n this._icon = this.shadowRoot.querySelector(\"pfe-icon\");\n this._tray = this.shadowRoot.querySelector(`.${this.tag}__tray`);\n\n // Externally accessible events\n this.close = this.close.bind(this);\n this.open = this.open.bind(this);\n this.toggle = this.toggle.bind(this);\n\n // Initializers\n this._init__trigger = this._init__trigger.bind(this);\n this._init__tray = this._init__tray.bind(this);\n\n // Event handlers\n this._keydownHandler = this._keydownHandler.bind(this);\n this._keyupHandler = this._keyupHandler.bind(this);\n this._navigateToUrl = this._navigateToUrl.bind(this);\n this._directLinkHandler = this._directLinkHandler.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init__trigger();\n this._init__tray();\n\n // Add a slotchange listeners to the lightDOM elements\n if (this.trigger)\n this.trigger.addEventListener(\"slotchange\", this._init__trigger);\n if (this.tray) this.tray.addEventListener(\"slotchange\", this._init__tray);\n }\n\n disconnectedCallback() {\n this.trigger.removeEventListener(\"slotchange\", this._init);\n\n if (this.tray) {\n this.tray.removeEventListener(\"slotchange\", this._init);\n\n this.removeEventListener(\"keydown\", this._keydownHandler);\n this.removeEventListener(\"keyup\", this._exit);\n\n this._trigger.removeEventListener(\"click\", this.toggle);\n this._trigger.removeEventListener(\"keyup\", this._keyupHandler);\n } else {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__trigger() {\n // If no slots have been assigned, assign it to the trigger slot\n const unassigned = [...this.children].filter(\n child => !child.hasAttribute(\"slot\")\n );\n unassigned.map(item => item.setAttribute(\"slot\", \"trigger\"));\n\n // Get the LightDOM trigger & tray content\n this.trigger = this.querySelector(`[slot=\"trigger\"]`);\n\n // Check the light dom for the link\n if (this.trigger) {\n this.directLink = this.trigger.querySelector(\"a\");\n // Check the slotted content for the link if it can't be found\n if (!this.directLink && this.trigger.tagName === \"SLOT\") {\n let slottedContent = this.trigger.assignedNodes();\n if (slottedContent.length > 0 && slottedContent[0].tagName === \"A\") {\n this.directLink = slottedContent[0];\n }\n }\n\n // Turn off the fallback link if the tray does not exist\n if (this.directLink) {\n this.directLink.setAttribute(\"tabindex\", \"-1\");\n this.linkUrl = this.directLink.href;\n } else {\n this.linkUrl = \"#\";\n }\n\n this._trigger.addEventListener(\"click\", this._navigateToUrl);\n this._trigger.addEventListener(\"keyup\", this._directLinkHandler);\n }\n }\n\n _init__tray() {\n // Get the LightDOM trigger & tray content\n this.tray = this.querySelector(`[slot=\"tray\"]`);\n\n //-- Check for any nested navigation items\n // If a light DOM tray exists, check for descendents\n if (this.tray) {\n this.nestedItems = this.nestedItems.concat([\n ...this.tray.querySelectorAll(`${this.tag}`)\n ]);\n let array = [];\n\n // Search the tray for nested slots\n if (!window.ShadyCSS) {\n [...this.tray.querySelectorAll(\"slot\")].forEach(slot => {\n [...slot.assignedElements()].forEach(node => {\n array = array.concat([...node.querySelectorAll(`${this.tag}`)]);\n });\n });\n }\n\n this.nestedItems = this.nestedItems.concat(\n array.filter(el => {\n return !this.nestedItems.includes(el);\n })\n );\n\n this._init__handlers();\n }\n }\n\n _init__handlers() {\n this._trigger.removeEventListener(\"click\", this._navigateToUrl);\n this._trigger.removeEventListener(\"keyup\", this._directLinkHandler);\n\n if (this._handlersAdded) {\n return;\n }\n\n // Toggle the navigation when the trigger is clicked\n this._trigger.addEventListener(\"click\", this.toggle);\n\n // Attaching to the parent element allows the exit key to work inside the tray too\n this.addEventListener(\"keyup\", this._exit);\n this.addEventListener(\"keydown\", this._keydownHandler);\n\n this._trigger.addEventListener(\"keyup\", this._keyupHandler);\n this._handlersAdded = true;\n }\n\n _navigateToUrl(event) {\n event.preventDefault();\n window.location.href = this.linkUrl;\n }\n\n _directLinkHandler(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n case \"Enter\":\n case 13:\n this._navigateToUrl(event);\n break;\n default:\n return;\n }\n }\n\n _keydownHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n event.preventDefault();\n }\n break;\n }\n }\n\n _keyupHandler(event) {\n let key = event.key || event.keyCode;\n let clicked = event.path && event.path.length > 0 ? event.path[0] : this;\n\n switch (key) {\n case \"Spacebar\":\n case \" \":\n case 32:\n if (![\"INPUT\", \"TEXTAREA\", \"SELECT\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n case \"Enter\":\n case 13:\n if (![\"A\"].includes(clicked.tagName)) {\n this.toggle(event);\n }\n break;\n }\n }\n\n // Note: Escape will always exit the entire menu\n _exit(event) {\n let key = event.key || event.keyCode;\n switch (key) {\n case \"Esc\":\n case \"Escape\":\n case 27:\n this.close(event);\n break;\n }\n }\n}\n\nexport default PfeNavigationItem;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeNavigationMain extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-navigation-main\";\n }\n\n get templateUrl() {\n return \"pfe-navigation-main.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation-main.scss\";\n }\n\n static get PfeType() {\n return PFElement.PfeTypes.Container;\n }\n\n static get observedAttributes() {\n return [\"show_content\"];\n }\n\n constructor() {\n super(PfeNavigationMain);\n\n this._init = this._init.bind(this);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n\n // Add a slotchange listener to the lightDOM trigger\n this.addEventListener(\"slotchange\", this._init);\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n // Get all the nested navigation items\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Find the first nested element\n this.first = this.navItems.length > 0 ? this.navItems[0] : null;\n // Find the last nested element\n this.last = this.navItems[this.navItems.length - 1];\n\n // Ensure the necessary a11y is set\n this.setAttribute(\"role\", \"navigation\");\n this.setAttribute(\"aria-label\", \"Main\");\n\n // For each nested navigation item, tag it with context\n this.navItems.forEach(item => {\n item.nested = true;\n });\n\n // Tag the first and last navigation items for styling in mobile\n if (this.first) this.first.setAttribute(\"first\", \"\");\n if (this.last) this.last.setAttribute(\"last\", \"\");\n }\n}\n\nexport default PfeNavigationMain;\n","/*!\n * PatternFly Elements: PfeNavigation 1.0.0-prerelease.54\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\n// -- @TODO Set icons to hide if they all fail to load, else set them to preserve space\n\n// Import polyfills: filter, matches, closest, includes, path\nimport \"./polyfills--pfe-navigation.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport PfeNavigationItem from \"./pfe-navigation-item.js\";\nimport PfeNavigationMain from \"./pfe-navigation-main.js\";\n\nclass PfeNavigation extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n`;\n }\n\n static get properties() {\n return {\"sticky\":{\"title\":\"Sticky navigation\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"full-width\":{\"title\":\"Full width navigation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true},\"close-on-click\":{\"title\":\"Close navigation on click event\",\"type\":\"string\",\"enum\":[\"external\"],\"default\":\"external\",\"prefixed\":true},\"menu-label\":{\"title\":\"Mobile menu label\",\"type\":\"string\",\"default\":\"Menu\",\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"skip\":{\"title\":\"Skip navigation\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"logo\":{\"title\":\"Logo\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"search\":{\"title\":\"Search\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-search\":{\"title\":\"Mobile search functionality\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"raw\"}]}},\"main\":{\"title\":\"Main navigation\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"nav\"},{\"$ref\":\"raw\"}]}},\"language\":{\"title\":\"Language switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-language\":{\"title\":\"Mobile link to language page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"login\":{\"title\":\"Log in\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}},\"mobile-login\":{\"title\":\"Mobile link to log in page\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"a\"}]}},\"site-switcher\":{\"title\":\"Site switcher\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"title\":\"Item\",\"oneOf\":[{\"$ref\":\"pfe-navigation-item\"}]}}};\n }\n static get tag() {\n return \"pfe-navigation\";\n }\n\n get templateUrl() {\n return \"pfe-navigation.html\";\n }\n\n get styleUrl() {\n return \"pfe-navigation.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-navigation.json\";\n }\n\n get overlay() {\n return !this._overlay.hasAttribute(\"hidden\");\n }\n\n set overlay(state) {\n if (state) {\n // Add the overlay to the page\n this._overlay.removeAttribute(\"hidden\");\n\n // This prevents background scroll while nav is open\n // document.body.style.overflow = \"hidden\";\n\n this._wrapper.setAttribute(\"expanded\", \"\");\n } else {\n // Remove the overlay from the page\n this._overlay.setAttribute(\"hidden\", \"\");\n\n // Allow background to scroll again\n // document.body.style.overflow = \"auto\";\n\n this._wrapper.removeAttribute(\"expanded\");\n }\n }\n\n static get cascadingAttributes() {\n return {\n \"pfe-full-width\": \"pfe-navigation-item\"\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-full-width\"];\n }\n\n constructor() {\n super(PfeNavigation);\n\n // Attach functions for use below\n this._init = this._init.bind(this);\n this._setVisibility = this._setVisibility.bind(this);\n\n // -- handlers\n this._resizeHandler = this._resizeHandler.bind(this);\n this._stickyHandler = this._stickyHandler.bind(this);\n this._outsideListener = this._outsideListener.bind(this);\n this._menuItemClickHandler = this._menuItemClickHandler.bind(this);\n this._overlayClickHandler = this._overlayClickHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n\n // Capture shadow elements\n this._overlay = this.shadowRoot.querySelector(`.${this.tag}__overlay`);\n this._wrapper = this.shadowRoot.querySelector(`.${this.tag}__wrapper`);\n this._menuItem = this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-mobile-menu\"]`\n );\n\n this._slots = {\n language: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-user\"]`\n ),\n login: this.shadowRoot.querySelector(\n `${PfeNavigationItem.tag}[pfe-icon=\"web-globe\"]`\n )\n };\n\n // Initialize active navigation item to empty array\n this._activeNavigationItems = [];\n this.overlay = false;\n\n // make sure we close all of the nav items and hide the overlay when\n // the mobile menu button is closed\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .addEventListener(\"click\", this._menuItemClickHandler);\n\n // make sure we close all of the nav items and hide the overlay\n // when it's clicked\n this._overlay.addEventListener(\"click\", this._overlayClickHandler);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n Promise.all([\n customElements.whenDefined(PfeNavigationItem.tag),\n customElements.whenDefined(PfeNavigationMain.tag)\n ]).then(() => {\n // If this element contains light DOM, initialize it\n if (this.children.length) {\n // If only one value exists in the array, it starts at that size and goes up\n this.breakpoints = {\n main: [0, 1023], // visible from 0 - 1200px\n search: [640], // visible from 768px +\n \"mobile-search\": [0, 639],\n language: [640],\n \"mobile-language\": [0, 639],\n login: [640],\n \"mobile-login\": [0, 639]\n };\n\n // Kick off the initialization of the light DOM elements\n this._init();\n\n // Watch for screen resizing\n window.addEventListener(\"resize\", this._resizeHandler);\n } else {\n console.error(\n \"This component does not have any light DOM children. Please check documentation for requirements.\"\n );\n }\n\n this._observer.observe(this, { childList: true });\n });\n }\n\n disconnectedCallback() {\n // Remove the scroll, resize, and outside click event listeners\n window.removeEventListener(\"resize\", this._resizeHandler);\n\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.removeEventListener(\"click\", this._outsideListener);\n }\n\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n window.removeEventListener(\"scroll\", this._stickyHandler);\n }\n\n this._menuItem.shadowRoot\n .querySelector(\".pfe-navigation-item__trigger\")\n .removeEventListener(\"click\", this._menuItemClickHandler);\n this._overlay.removeEventListener(\"click\", this._overlayClickHandler);\n\n this._observer.disconnect();\n }\n\n _resizeHandler(event) {\n // Set the visibility of items\n this._setVisibility(this.offsetWidth);\n\n // Check what the active item is\n this._activeNavigationItems.forEach(item => {\n // If the item is open but not visible, update it to hidden\n if (item.expanded && !item.visible) {\n item.expanded = false;\n this._activeNavigationItems = this._activeNavigationItems.filter(\n i => i !== item\n );\n } else if (item.expanded && item.parent && item.parent.visible) {\n // if the parent is the mobile menu item and the size of the window is within\n // the main breakpoint, make sure that the mobile menu is expanded\n if (\n item.parent === this._menuItem &&\n window.innerWidth <= this.breakpoints.main[1]\n ) {\n item.parent.expanded = true; // Ensure the parent is open\n // If the parent item doesn't exist in the active array, add it\n if (!this._activeNavigationItems.includes(item.parent)) {\n this._activeNavigationItems.push(item.parent);\n }\n }\n }\n });\n\n this.overlay = this._activeNavigationItems.length > 0;\n\n // update the reported height\n this._reportHeight();\n }\n\n _stickyHandler() {\n if (window.pageYOffset >= this.top) {\n this.classList.add(\"pfe-sticky\");\n } else {\n this.classList.remove(\"pfe-sticky\");\n }\n }\n\n _outsideListener(event) {\n // Check if the clicked element is the navigation object\n let isSelf = event.target === this;\n // Check if the clicked element contains or is contained by the navigation element\n let isChild = event.target.closest(\"pfe-navigation\");\n let insideWrapper = event.target.tagName.includes(\"-\")\n ? event.target.shadowRoot.querySelector(\"pfe-navigation\")\n : null;\n\n // Check states to determine if the navigation items should close\n if (!isSelf && !(isChild || insideWrapper)) {\n this._activeNavigationItems.map(item => item.close());\n }\n }\n\n _setVisibility(width) {\n Object.keys(this.breakpoints).forEach(label => {\n let bps = this.breakpoints[label];\n let start = bps[0];\n let end = bps[1];\n let isVisible = false;\n\n // If the slot exists, set attribute based on supported breakpoints\n if (\n this.slots[label] &&\n this.slots[label].nodes &&\n this.slots[label].nodes.length > 0\n ) {\n if (width >= start && (!end || (end && width <= end))) {\n isVisible = true;\n }\n\n this.slots[label].nodes.forEach(node => {\n switch (label) {\n case \"main\":\n if (isVisible) {\n node.removeAttribute(\"show_content\");\n this._menuItem.removeAttribute(\"show_links\");\n } else {\n node.setAttribute(\"show_content\", \"\");\n this._menuItem.setAttribute(\"show_links\", \"\");\n this._menuItem.expanded = false;\n this._menuItem.tray.removeAttribute(\"hidden\");\n // Remove menuItem from active items\n this._activeNavigationItems = this._activeNavigationItems.filter(\n item => item !== this._menuItem\n );\n }\n node.navItems.forEach(item => {\n if (isVisible) {\n item.removeAttribute(\"parent_hidden\");\n } else {\n item.setAttribute(\"parent_hidden\", \"\");\n }\n });\n break;\n case (label.match(/^mobile/) || {}).input:\n if (isVisible) {\n // Set an attribute to show this region (strip the mobile prefix)\n this._menuItem.setAttribute(`show_${label.slice(7)}`, \"\");\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].removeAttribute(\"hidden\");\n node.removeAttribute(\"hidden\");\n } else {\n this._menuItem.removeAttribute(`show_${label.slice(7)}`);\n if (this._slots[label.slice(7)])\n this._slots[label.slice(7)].setAttribute(\"hidden\", \"\");\n node.setAttribute(\"hidden\", \"\");\n }\n break;\n default:\n node.visible = isVisible;\n break;\n }\n });\n }\n });\n }\n\n _init() {\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Initial position of this element from the top of the screen\n this.top = this.getBoundingClientRect().top || 0;\n\n // Get all nav items contained in this element\n this.navItems = [...this.querySelectorAll(\"pfe-navigation-item\")];\n\n // Add the menu element to the list of navigation items\n // do this manually because menu item is in the shadow dom\n if (this._menuItem) this.navItems.push(this._menuItem);\n\n // Attach a reference to the navigation container to the children\n this.navItems.forEach(item => {\n item.navigationWrapper = this;\n });\n\n // Connect the shadow menu with the main component\n let mainNav = this.querySelector(\"pfe-navigation-main\");\n if (mainNav && mainNav.navItems) {\n mainNav.navItems.forEach(item => {\n item.parent = this._menuItem;\n });\n }\n\n // Start by setting the visibility of the slots\n this._setVisibility(this.offsetWidth);\n\n // If the nav is set to sticky, inject the height of the nav to the next element in the DOM\n if (\n this.hasAttribute(\"pfe-sticky\") &&\n this.getAttribute(\"pfe-sticky\") != \"false\"\n ) {\n // Run the sticky check on first page load\n this._stickyHandler();\n\n // Attach the scroll event to the window\n window.addEventListener(\"scroll\", this._stickyHandler);\n }\n\n // Listen for clicks outside the navigation element\n if (\n this.hasAttribute(\"pfe-close-on-click\") &&\n this.getAttribute(\"pfe-close-on-click\") === \"external\"\n ) {\n document.addEventListener(\"click\", this._outsideListener);\n }\n\n // report the height of this pfe-navigation element\n this._reportHeight();\n\n // @IE11 This is necessary so the script doesn't become non-responsive\n if (window.ShadyCSS) {\n setTimeout(() => {\n this._observer.observe(this, {\n childList: true,\n subtree: true,\n characterData: true\n });\n }, 0);\n }\n }\n\n _menuItemClickHandler(event) {\n if (event.currentTarget.getAttribute(\"aria-expanded\") === \"false\") {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n }\n\n _overlayClickHandler(event) {\n this._activeNavigationItems.map(item => item.close());\n this.overlay = false;\n }\n\n /**\n * Set a global CSS variable reporting the height of this navigation item.\n * Used to position sticky subnavigation items under this.\n *\n * The name of the global CSS variable is `--pfe-navigation--Height--actual`.\n */\n _reportHeight() {\n const cssVarName = `--${this.tag}--Height--actual`;\n const height = this.clientHeight + \"px\";\n document.body.style.setProperty(cssVarName, height);\n }\n}\n\nPFElement.create(PfeNavigationItem);\nPFElement.create(PfeNavigationMain);\nPFElement.create(PfeNavigation);\n\nexport default PfeNavigation;\n"],"names":["Array","prototype","filter","func","thisArg","this","TypeError","kValue","len","length","res","c","i","undefined","t","call","Element","matches","msMatchesSelector","webkitMatchesSelector","closest","s","el","parentElement","parentNode","nodeType","includes","defineProperty","searchElement","fromIndex","o","Object","x","y","n","k","Math","max","abs","isNaN","Event","path","currentElem","target","push","indexOf","window","document","PfeNavigationItem","PFElement","event","preventDefault","navigationWrapper","_activeNavigationItems","stayOpen","item","_this2","parent","close","expanded","overlay","dispatchEvent","CustomEvent","tag","_this3","nestedItems","focus","visible","open","hasIcon","iconName","has_slot","hasAttribute","getAttribute","isNested","Boolean","setAttribute","removeAttribute","classList","contains","isExpanded","add","_icon","_trigger","tray","_tray","remove","isVisible","icon","title","type","prefixed","trigger","namedSlot","items","oneOf","$ref","PfeTypes","Container","_init__trigger","_init__tray","addEventListener","removeEventListener","_init","_keydownHandler","_exit","toggle","_keyupHandler","_navigateToUrl","_directLinkHandler","children","child","map","querySelector","directLink","tagName","slottedContent","assignedNodes","linkUrl","href","concat","querySelectorAll","array","ShadyCSS","forEach","slot","assignedElements","node","_this4","_init__handlers","_handlersAdded","location","key","keyCode","clicked","nested","_this","shadowRoot","bind","PfeNavigationMain","navItems","first","last","PfeNavigation","_overlay","state","_wrapper","sticky","default","full-width","close-on-click","enum","menu-label","skip","logo","search","mobile-search","main","language","mobile-language","login","mobile-login","site-switcher","all","customElements","whenDefined","then","breakpoints","_resizeHandler","error","_observer","observe","childList","_outsideListener","_stickyHandler","_menuItem","_menuItemClickHandler","_overlayClickHandler","disconnect","_setVisibility","offsetWidth","innerWidth","_reportHeight","pageYOffset","top","isSelf","isChild","insideWrapper","width","keys","bps","label","start","end","slots","nodes","match","input","slice","_slots","getBoundingClientRect","_this5","mainNav","currentTarget","cssVarName","height","clientHeight","body","style","setProperty","MutationObserver","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-navigation/package-lock.json b/elements/pfe-navigation/package-lock.json
index 3c12a3cf7a..b37e9a4335 100644
--- a/elements/pfe-navigation/package-lock.json
+++ b/elements/pfe-navigation/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-navigation",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-navigation/package.json b/elements/pfe-navigation/package.json
index 7861be33bd..b07fbb1e9a 100644
--- a/elements/pfe-navigation/package.json
+++ b/elements/pfe-navigation/package.json
@@ -10,7 +10,7 @@
"pfe-navigation--noscript.*css.map"
]
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
@@ -50,11 +50,11 @@
],
"license": "MIT",
"dependencies": {
- "@patternfly/pfe-icon": "^1.0.0-prerelease.53",
+ "@patternfly/pfe-icon": "^1.0.0-prerelease.54",
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.1.0"
}
diff --git a/elements/pfe-number/dist/pfe-number.js b/elements/pfe-number/dist/pfe-number.js
new file mode 100644
index 0000000000..ff2d4ea9ca
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.js
@@ -0,0 +1,1151 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL isNaN, non-mutating polyfill for IE11
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, module) {
+ return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var numeral = createCommonjsModule(function (module) {
+/*! @preserve
+ * numeral.js
+ * version : 2.0.6
+ * author : Adam Draper
+ * license : MIT
+ * http://adamwdraper.github.com/Numeral-js/
+ */
+
+(function (global, factory) {
+ if (module.exports) {
+ module.exports = factory();
+ } else {
+ global.numeral = factory();
+ }
+}(commonjsGlobal, function () {
+ /************************************
+ Variables
+ ************************************/
+
+ var numeral,
+ _,
+ VERSION = '2.0.6',
+ formats = {},
+ locales = {},
+ defaults = {
+ currentLocale: 'en',
+ zeroFormat: null,
+ nullFormat: null,
+ defaultFormat: '0,0',
+ scalePercentBy100: true
+ },
+ options = {
+ currentLocale: defaults.currentLocale,
+ zeroFormat: defaults.zeroFormat,
+ nullFormat: defaults.nullFormat,
+ defaultFormat: defaults.defaultFormat,
+ scalePercentBy100: defaults.scalePercentBy100
+ };
+
+
+ /************************************
+ Constructors
+ ************************************/
+
+ // Numeral prototype object
+ function Numeral(input, number) {
+ this._input = input;
+
+ this._value = number;
+ }
+
+ numeral = function(input) {
+ var value,
+ kind,
+ unformatFunction,
+ regexp;
+
+ if (numeral.isNumeral(input)) {
+ value = input.value();
+ } else if (input === 0 || typeof input === 'undefined') {
+ value = 0;
+ } else if (input === null || _.isNaN(input)) {
+ value = null;
+ } else if (typeof input === 'string') {
+ if (options.zeroFormat && input === options.zeroFormat) {
+ value = 0;
+ } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {
+ value = null;
+ } else {
+ for (kind in formats) {
+ regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;
+
+ if (regexp && input.match(regexp)) {
+ unformatFunction = formats[kind].unformat;
+
+ break;
+ }
+ }
+
+ unformatFunction = unformatFunction || numeral._.stringToNumber;
+
+ value = unformatFunction(input);
+ }
+ } else {
+ value = Number(input)|| null;
+ }
+
+ return new Numeral(input, value);
+ };
+
+ // version number
+ numeral.version = VERSION;
+
+ // compare numeral object
+ numeral.isNumeral = function(obj) {
+ return obj instanceof Numeral;
+ };
+
+ // helper functions
+ numeral._ = _ = {
+ // formats numbers separators, decimals places, signs, abbreviations
+ numberToFormat: function(value, format, roundingFunction) {
+ var locale = locales[numeral.options.currentLocale],
+ negP = false,
+ optDec = false,
+ leadingCount = 0,
+ abbr = '',
+ trillion = 1000000000000,
+ billion = 1000000000,
+ million = 1000000,
+ thousand = 1000,
+ decimal = '',
+ neg = false,
+ abbrForce, // force abbreviation
+ abs,
+ int,
+ precision,
+ signed,
+ thousands,
+ output;
+
+ // make sure we never format a null value
+ value = value || 0;
+
+ abs = Math.abs(value);
+
+ // see if we should use parentheses for negative number or if we should prefix with a sign
+ // if both are present we default to parentheses
+ if (numeral._.includes(format, '(')) {
+ negP = true;
+ format = format.replace(/[\(|\)]/g, '');
+ } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {
+ signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;
+ format = format.replace(/[\+|\-]/g, '');
+ }
+
+ // see if abbreviation is wanted
+ if (numeral._.includes(format, 'a')) {
+ abbrForce = format.match(/a(k|m|b|t)?/);
+
+ abbrForce = abbrForce ? abbrForce[1] : false;
+
+ // check for space before abbreviation
+ if (numeral._.includes(format, ' a')) {
+ abbr = ' ';
+ }
+
+ format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');
+
+ if (abs >= trillion && !abbrForce || abbrForce === 't') {
+ // trillion
+ abbr += locale.abbreviations.trillion;
+ value = value / trillion;
+ } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {
+ // billion
+ abbr += locale.abbreviations.billion;
+ value = value / billion;
+ } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {
+ // million
+ abbr += locale.abbreviations.million;
+ value = value / million;
+ } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {
+ // thousand
+ abbr += locale.abbreviations.thousand;
+ value = value / thousand;
+ }
+ }
+
+ // check for optional decimals
+ if (numeral._.includes(format, '[.]')) {
+ optDec = true;
+ format = format.replace('[.]', '.');
+ }
+
+ // break number and format
+ int = value.toString().split('.')[0];
+ precision = format.split('.')[1];
+ thousands = format.indexOf(',');
+ leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;
+
+ if (precision) {
+ if (numeral._.includes(precision, '[')) {
+ precision = precision.replace(']', '');
+ precision = precision.split('[');
+ decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);
+ } else {
+ decimal = numeral._.toFixed(value, precision.length, roundingFunction);
+ }
+
+ int = decimal.split('.')[0];
+
+ if (numeral._.includes(decimal, '.')) {
+ decimal = locale.delimiters.decimal + decimal.split('.')[1];
+ } else {
+ decimal = '';
+ }
+
+ if (optDec && Number(decimal.slice(1)) === 0) {
+ decimal = '';
+ }
+ } else {
+ int = numeral._.toFixed(value, 0, roundingFunction);
+ }
+
+ // check abbreviation again after rounding
+ if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {
+ int = String(Number(int) / 1000);
+
+ switch (abbr) {
+ case locale.abbreviations.thousand:
+ abbr = locale.abbreviations.million;
+ break;
+ case locale.abbreviations.million:
+ abbr = locale.abbreviations.billion;
+ break;
+ case locale.abbreviations.billion:
+ abbr = locale.abbreviations.trillion;
+ break;
+ }
+ }
+
+
+ // format number
+ if (numeral._.includes(int, '-')) {
+ int = int.slice(1);
+ neg = true;
+ }
+
+ if (int.length < leadingCount) {
+ for (var i = leadingCount - int.length; i > 0; i--) {
+ int = '0' + int;
+ }
+ }
+
+ if (thousands > -1) {
+ int = int.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + locale.delimiters.thousands);
+ }
+
+ if (format.indexOf('.') === 0) {
+ int = '';
+ }
+
+ output = int + decimal + (abbr ? abbr : '');
+
+ if (negP) {
+ output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');
+ } else {
+ if (signed >= 0) {
+ output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');
+ } else if (neg) {
+ output = '-' + output;
+ }
+ }
+
+ return output;
+ },
+ // unformats numbers separators, decimals places, signs, abbreviations
+ stringToNumber: function(string) {
+ var locale = locales[options.currentLocale],
+ stringOriginal = string,
+ abbreviations = {
+ thousand: 3,
+ million: 6,
+ billion: 9,
+ trillion: 12
+ },
+ abbreviation,
+ value,
+ regexp;
+
+ if (options.zeroFormat && string === options.zeroFormat) {
+ value = 0;
+ } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {
+ value = null;
+ } else {
+ value = 1;
+
+ if (locale.delimiters.decimal !== '.') {
+ string = string.replace(/\./g, '').replace(locale.delimiters.decimal, '.');
+ }
+
+ for (abbreviation in abbreviations) {
+ regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\)|(\\' + locale.currency.symbol + ')?(?:\\))?)?$');
+
+ if (stringOriginal.match(regexp)) {
+ value *= Math.pow(10, abbreviations[abbreviation]);
+ break;
+ }
+ }
+
+ // check for negative number
+ value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;
+
+ // remove non numbers
+ string = string.replace(/[^0-9\.]+/g, '');
+
+ value *= Number(string);
+ }
+
+ return value;
+ },
+ isNaN: function(value) {
+ return typeof value === 'number' && isNaN(value);
+ },
+ includes: function(string, search) {
+ return string.indexOf(search) !== -1;
+ },
+ insert: function(string, subString, start) {
+ return string.slice(0, start) + subString + string.slice(start);
+ },
+ reduce: function(array, callback /*, initialValue*/) {
+ if (this === null) {
+ throw new TypeError('Array.prototype.reduce called on null or undefined');
+ }
+
+ if (typeof callback !== 'function') {
+ throw new TypeError(callback + ' is not a function');
+ }
+
+ var t = Object(array),
+ len = t.length >>> 0,
+ k = 0,
+ value;
+
+ if (arguments.length === 3) {
+ value = arguments[2];
+ } else {
+ while (k < len && !(k in t)) {
+ k++;
+ }
+
+ if (k >= len) {
+ throw new TypeError('Reduce of empty array with no initial value');
+ }
+
+ value = t[k++];
+ }
+ for (; k < len; k++) {
+ if (k in t) {
+ value = callback(value, t[k], k, t);
+ }
+ }
+ return value;
+ },
+ /**
+ * Computes the multiplier necessary to make x >= 1,
+ * effectively eliminating miscalculations caused by
+ * finite precision.
+ */
+ multiplier: function (x) {
+ var parts = x.toString().split('.');
+
+ return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);
+ },
+ /**
+ * Given a variable number of arguments, returns the maximum
+ * multiplier that must be used to normalize an operation involving
+ * all of them.
+ */
+ correctionFactor: function () {
+ var args = Array.prototype.slice.call(arguments);
+
+ return args.reduce(function(accum, next) {
+ var mn = _.multiplier(next);
+ return accum > mn ? accum : mn;
+ }, 1);
+ },
+ /**
+ * Implementation of toFixed() that treats floats more like decimals
+ *
+ * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present
+ * problems for accounting- and finance-related software.
+ */
+ toFixed: function(value, maxDecimals, roundingFunction, optionals) {
+ var splitValue = value.toString().split('.'),
+ minDecimals = maxDecimals - (optionals || 0),
+ boundedPrecision,
+ optionalsRegExp,
+ power,
+ output;
+
+ // Use the smallest precision value possible to avoid errors from floating point representation
+ if (splitValue.length === 2) {
+ boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);
+ } else {
+ boundedPrecision = minDecimals;
+ }
+
+ power = Math.pow(10, boundedPrecision);
+
+ // Multiply up by precision, round accurately, then divide and use native toFixed():
+ output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);
+
+ if (optionals > maxDecimals - boundedPrecision) {
+ optionalsRegExp = new RegExp('\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');
+ output = output.replace(optionalsRegExp, '');
+ }
+
+ return output;
+ }
+ };
+
+ // avaliable options
+ numeral.options = options;
+
+ // avaliable formats
+ numeral.formats = formats;
+
+ // avaliable formats
+ numeral.locales = locales;
+
+ // This function sets the current locale. If
+ // no arguments are passed in, it will simply return the current global
+ // locale key.
+ numeral.locale = function(key) {
+ if (key) {
+ options.currentLocale = key.toLowerCase();
+ }
+
+ return options.currentLocale;
+ };
+
+ // This function provides access to the loaded locale data. If
+ // no arguments are passed in, it will simply return the current
+ // global locale object.
+ numeral.localeData = function(key) {
+ if (!key) {
+ return locales[options.currentLocale];
+ }
+
+ key = key.toLowerCase();
+
+ if (!locales[key]) {
+ throw new Error('Unknown locale : ' + key);
+ }
+
+ return locales[key];
+ };
+
+ numeral.reset = function() {
+ for (var property in defaults) {
+ options[property] = defaults[property];
+ }
+ };
+
+ numeral.zeroFormat = function(format) {
+ options.zeroFormat = typeof(format) === 'string' ? format : null;
+ };
+
+ numeral.nullFormat = function (format) {
+ options.nullFormat = typeof(format) === 'string' ? format : null;
+ };
+
+ numeral.defaultFormat = function(format) {
+ options.defaultFormat = typeof(format) === 'string' ? format : '0.0';
+ };
+
+ numeral.register = function(type, name, format) {
+ name = name.toLowerCase();
+
+ if (this[type + 's'][name]) {
+ throw new TypeError(name + ' ' + type + ' already registered.');
+ }
+
+ this[type + 's'][name] = format;
+
+ return format;
+ };
+
+
+ numeral.validate = function(val, culture) {
+ var _decimalSep,
+ _thousandSep,
+ _currSymbol,
+ _valArray,
+ _abbrObj,
+ _thousandRegEx,
+ localeData,
+ temp;
+
+ //coerce val to string
+ if (typeof val !== 'string') {
+ val += '';
+
+ if (console.warn) {
+ console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);
+ }
+ }
+
+ //trim whitespaces from either sides
+ val = val.trim();
+
+ //if val is just digits return true
+ if (!!val.match(/^\d+$/)) {
+ return true;
+ }
+
+ //if val is empty return false
+ if (val === '') {
+ return false;
+ }
+
+ //get the decimal and thousands separator from numeral.localeData
+ try {
+ //check if the culture is understood by numeral. if not, default it to current locale
+ localeData = numeral.localeData(culture);
+ } catch (e) {
+ localeData = numeral.localeData(numeral.locale());
+ }
+
+ //setup the delimiters and currency symbol based on culture/locale
+ _currSymbol = localeData.currency.symbol;
+ _abbrObj = localeData.abbreviations;
+ _decimalSep = localeData.delimiters.decimal;
+ if (localeData.delimiters.thousands === '.') {
+ _thousandSep = '\\.';
+ } else {
+ _thousandSep = localeData.delimiters.thousands;
+ }
+
+ // validating currency symbol
+ temp = val.match(/^[^\d]+/);
+ if (temp !== null) {
+ val = val.substr(1);
+ if (temp[0] !== _currSymbol) {
+ return false;
+ }
+ }
+
+ //validating abbreviation symbol
+ temp = val.match(/[^\d]+$/);
+ if (temp !== null) {
+ val = val.slice(0, -1);
+ if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {
+ return false;
+ }
+ }
+
+ _thousandRegEx = new RegExp(_thousandSep + '{2}');
+
+ if (!val.match(/[^\d.,]/g)) {
+ _valArray = val.split(_decimalSep);
+ if (_valArray.length > 2) {
+ return false;
+ } else {
+ if (_valArray.length < 2) {
+ return ( !! _valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx));
+ } else {
+ if (_valArray[0].length === 1) {
+ return ( !! _valArray[0].match(/^\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\d+$/));
+ } else {
+ return ( !! _valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\d+$/));
+ }
+ }
+ }
+ }
+
+ return false;
+ };
+
+
+ /************************************
+ Numeral Prototype
+ ************************************/
+
+ numeral.fn = Numeral.prototype = {
+ clone: function() {
+ return numeral(this);
+ },
+ format: function(inputString, roundingFunction) {
+ var value = this._value,
+ format = inputString || options.defaultFormat,
+ kind,
+ output,
+ formatFunction;
+
+ // make sure we have a roundingFunction
+ roundingFunction = roundingFunction || Math.round;
+
+ // format based on value
+ if (value === 0 && options.zeroFormat !== null) {
+ output = options.zeroFormat;
+ } else if (value === null && options.nullFormat !== null) {
+ output = options.nullFormat;
+ } else {
+ for (kind in formats) {
+ if (format.match(formats[kind].regexps.format)) {
+ formatFunction = formats[kind].format;
+
+ break;
+ }
+ }
+
+ formatFunction = formatFunction || numeral._.numberToFormat;
+
+ output = formatFunction(value, format, roundingFunction);
+ }
+
+ return output;
+ },
+ value: function() {
+ return this._value;
+ },
+ input: function() {
+ return this._input;
+ },
+ set: function(value) {
+ this._value = Number(value);
+
+ return this;
+ },
+ add: function(value) {
+ var corrFactor = _.correctionFactor.call(null, this._value, value);
+
+ function cback(accum, curr, currI, O) {
+ return accum + Math.round(corrFactor * curr);
+ }
+
+ this._value = _.reduce([this._value, value], cback, 0) / corrFactor;
+
+ return this;
+ },
+ subtract: function(value) {
+ var corrFactor = _.correctionFactor.call(null, this._value, value);
+
+ function cback(accum, curr, currI, O) {
+ return accum - Math.round(corrFactor * curr);
+ }
+
+ this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;
+
+ return this;
+ },
+ multiply: function(value) {
+ function cback(accum, curr, currI, O) {
+ var corrFactor = _.correctionFactor(accum, curr);
+ return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);
+ }
+
+ this._value = _.reduce([this._value, value], cback, 1);
+
+ return this;
+ },
+ divide: function(value) {
+ function cback(accum, curr, currI, O) {
+ var corrFactor = _.correctionFactor(accum, curr);
+ return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);
+ }
+
+ this._value = _.reduce([this._value, value], cback);
+
+ return this;
+ },
+ difference: function(value) {
+ return Math.abs(numeral(this._value).subtract(value).value());
+ }
+ };
+
+ /************************************
+ Default Locale && Format
+ ************************************/
+
+ numeral.register('locale', 'en', {
+ delimiters: {
+ thousands: ',',
+ decimal: '.'
+ },
+ abbreviations: {
+ thousand: 'k',
+ million: 'm',
+ billion: 'b',
+ trillion: 't'
+ },
+ ordinal: function(number) {
+ var b = number % 10;
+ return (~~(number % 100 / 10) === 1) ? 'th' :
+ (b === 1) ? 'st' :
+ (b === 2) ? 'nd' :
+ (b === 3) ? 'rd' : 'th';
+ },
+ currency: {
+ symbol: '$'
+ }
+ });
+
+
+
+(function() {
+ numeral.register('format', 'bps', {
+ regexps: {
+ format: /(BPS)/,
+ unformat: /(BPS)/
+ },
+ format: function(value, format, roundingFunction) {
+ var space = numeral._.includes(format, ' BPS') ? ' ' : '',
+ output;
+
+ value = value * 10000;
+
+ // check for space before BPS
+ format = format.replace(/\s?BPS/, '');
+
+ output = numeral._.numberToFormat(value, format, roundingFunction);
+
+ if (numeral._.includes(output, ')')) {
+ output = output.split('');
+
+ output.splice(-1, 0, space + 'BPS');
+
+ output = output.join('');
+ } else {
+ output = output + space + 'BPS';
+ }
+
+ return output;
+ },
+ unformat: function(string) {
+ return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);
+ }
+ });
+})();
+
+
+(function() {
+ var decimal = {
+ base: 1000,
+ suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+ },
+ binary = {
+ base: 1024,
+ suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
+ };
+
+ var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {
+ return decimal.suffixes.indexOf(item) < 0;
+ }));
+ var unformatRegex = allSuffixes.join('|');
+ // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)
+ unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';
+
+ numeral.register('format', 'bytes', {
+ regexps: {
+ format: /([0\s]i?b)/,
+ unformat: new RegExp(unformatRegex)
+ },
+ format: function(value, format, roundingFunction) {
+ var output,
+ bytes = numeral._.includes(format, 'ib') ? binary : decimal,
+ suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',
+ power,
+ min,
+ max;
+
+ // check for space before
+ format = format.replace(/\s?i?b/, '');
+
+ for (power = 0; power <= bytes.suffixes.length; power++) {
+ min = Math.pow(bytes.base, power);
+ max = Math.pow(bytes.base, power + 1);
+
+ if (value === null || value === 0 || value >= min && value < max) {
+ suffix += bytes.suffixes[power];
+
+ if (min > 0) {
+ value = value / min;
+ }
+
+ break;
+ }
+ }
+
+ output = numeral._.numberToFormat(value, format, roundingFunction);
+
+ return output + suffix;
+ },
+ unformat: function(string) {
+ var value = numeral._.stringToNumber(string),
+ power,
+ bytesMultiplier;
+
+ if (value) {
+ for (power = decimal.suffixes.length - 1; power >= 0; power--) {
+ if (numeral._.includes(string, decimal.suffixes[power])) {
+ bytesMultiplier = Math.pow(decimal.base, power);
+
+ break;
+ }
+
+ if (numeral._.includes(string, binary.suffixes[power])) {
+ bytesMultiplier = Math.pow(binary.base, power);
+
+ break;
+ }
+ }
+
+ value *= (bytesMultiplier || 1);
+ }
+
+ return value;
+ }
+ });
+})();
+
+
+(function() {
+ numeral.register('format', 'currency', {
+ regexps: {
+ format: /(\$)/
+ },
+ format: function(value, format, roundingFunction) {
+ var locale = numeral.locales[numeral.options.currentLocale],
+ symbols = {
+ before: format.match(/^([\+|\-|\(|\s|\$]*)/)[0],
+ after: format.match(/([\+|\-|\)|\s|\$]*)$/)[0]
+ },
+ output,
+ symbol,
+ i;
+
+ // strip format of spaces and $
+ format = format.replace(/\s?\$\s?/, '');
+
+ // format the number
+ output = numeral._.numberToFormat(value, format, roundingFunction);
+
+ // update the before and after based on value
+ if (value >= 0) {
+ symbols.before = symbols.before.replace(/[\-\(]/, '');
+ symbols.after = symbols.after.replace(/[\-\)]/, '');
+ } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {
+ symbols.before = '-' + symbols.before;
+ }
+
+ // loop through each before symbol
+ for (i = 0; i < symbols.before.length; i++) {
+ symbol = symbols.before[i];
+
+ switch (symbol) {
+ case '$':
+ output = numeral._.insert(output, locale.currency.symbol, i);
+ break;
+ case ' ':
+ output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);
+ break;
+ }
+ }
+
+ // loop through each after symbol
+ for (i = symbols.after.length - 1; i >= 0; i--) {
+ symbol = symbols.after[i];
+
+ switch (symbol) {
+ case '$':
+ output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));
+ break;
+ case ' ':
+ output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));
+ break;
+ }
+ }
+
+
+ return output;
+ }
+ });
+})();
+
+
+(function() {
+ numeral.register('format', 'exponential', {
+ regexps: {
+ format: /(e\+|e-)/,
+ unformat: /(e\+|e-)/
+ },
+ format: function(value, format, roundingFunction) {
+ var output,
+ exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',
+ parts = exponential.split('e');
+
+ format = format.replace(/e[\+|\-]{1}0/, '');
+
+ output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);
+
+ return output + 'e' + parts[1];
+ },
+ unformat: function(string) {
+ var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),
+ value = Number(parts[0]),
+ power = Number(parts[1]);
+
+ power = numeral._.includes(string, 'e-') ? power *= -1 : power;
+
+ function cback(accum, curr, currI, O) {
+ var corrFactor = numeral._.correctionFactor(accum, curr),
+ num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);
+ return num;
+ }
+
+ return numeral._.reduce([value, Math.pow(10, power)], cback, 1);
+ }
+ });
+})();
+
+
+(function() {
+ numeral.register('format', 'ordinal', {
+ regexps: {
+ format: /(o)/
+ },
+ format: function(value, format, roundingFunction) {
+ var locale = numeral.locales[numeral.options.currentLocale],
+ output,
+ ordinal = numeral._.includes(format, ' o') ? ' ' : '';
+
+ // check for space before
+ format = format.replace(/\s?o/, '');
+
+ ordinal += locale.ordinal(value);
+
+ output = numeral._.numberToFormat(value, format, roundingFunction);
+
+ return output + ordinal;
+ }
+ });
+})();
+
+
+(function() {
+ numeral.register('format', 'percentage', {
+ regexps: {
+ format: /(%)/,
+ unformat: /(%)/
+ },
+ format: function(value, format, roundingFunction) {
+ var space = numeral._.includes(format, ' %') ? ' ' : '',
+ output;
+
+ if (numeral.options.scalePercentBy100) {
+ value = value * 100;
+ }
+
+ // check for space before %
+ format = format.replace(/\s?\%/, '');
+
+ output = numeral._.numberToFormat(value, format, roundingFunction);
+
+ if (numeral._.includes(output, ')')) {
+ output = output.split('');
+
+ output.splice(-1, 0, space + '%');
+
+ output = output.join('');
+ } else {
+ output = output + space + '%';
+ }
+
+ return output;
+ },
+ unformat: function(string) {
+ var number = numeral._.stringToNumber(string);
+ if (numeral.options.scalePercentBy100) {
+ return number * 0.01;
+ }
+ return number;
+ }
+ });
+})();
+
+
+(function() {
+ numeral.register('format', 'time', {
+ regexps: {
+ format: /(:)/,
+ unformat: /(:)/
+ },
+ format: function(value, format, roundingFunction) {
+ var hours = Math.floor(value / 60 / 60),
+ minutes = Math.floor((value - (hours * 60 * 60)) / 60),
+ seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));
+
+ return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);
+ },
+ unformat: function(string) {
+ var timeArray = string.split(':'),
+ seconds = 0;
+
+ // turn hours and minutes into seconds and add them all up
+ if (timeArray.length === 3) {
+ // hours
+ seconds = seconds + (Number(timeArray[0]) * 60 * 60);
+ // minutes
+ seconds = seconds + (Number(timeArray[1]) * 60);
+ // seconds
+ seconds = seconds + Number(timeArray[2]);
+ } else if (timeArray.length === 2) {
+ // minutes
+ seconds = seconds + (Number(timeArray[0]) * 60);
+ // seconds
+ seconds = seconds + Number(timeArray[1]);
+ }
+ return Number(seconds);
+ }
+ });
+})();
+
+return numeral;
+}));
+});
+
+/*!
+ * PatternFly Elements: PfeNumber 1.0.0-prerelease.51
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+// easy aliases for common format strings
+const types = {
+ abbrev: "0a", // or 'approx'?
+ ordinal: "0o",
+ percent: "0%",
+ bytes: "0[.][00] ib",
+ e: "0[.00]e+0",
+ thousands: "0,0[.][00]"
+};
+
+// use thin spaces to separate thousands chunks
+// debugger;
+numeral.locales.en.delimiters.thousands = " ";
+
+class PfeNumber extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.51";
+ }
+
+ get html() {
+ return ``;
+ }
+ static get tag() {
+ return "pfe-number";
+ }
+
+ get styleUrl() {
+ return "pfe-number.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-number.html";
+ }
+
+ static get observedAttributes() {
+ return ["number", "format", "type"];
+ }
+
+ constructor() {
+ super(PfeNumber);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+ this.connected = true;
+
+ this._determineFormat();
+ this._setInitialNumber();
+ }
+
+ attributeChangedCallback(attr, oldVal, newVal) {
+ super.attributeChangedCallback(...arguments);
+ switch (attr) {
+ case "type":
+ this._determineFormat();
+ break;
+ case "format":
+ this._updateNumber(this.getAttribute("number"), newVal);
+ break;
+ case "number":
+ this._updateNumber(newVal, this.getAttribute("format"));
+ }
+ }
+
+ _setInitialNumber() {
+ const numberAttrDefined = !isNaN(parseFloat(this.getAttribute("number")));
+ const numberContentDefined = !isNaN(parseFloat(this.textContent));
+
+ if (numberAttrDefined) {
+ this.setAttribute("number", this.getAttribute("number"));
+ } else if (numberContentDefined) {
+ this.setAttribute("number", this.textContent);
+ }
+ }
+
+ _determineFormat() {
+ let type = this.getAttribute("type");
+
+ if (type && types[type]) {
+ this.setAttribute("format", types[type]);
+ } else {
+ this.setAttribute("format", this.getAttribute("format") || "0");
+ }
+ }
+
+ _updateNumber(num, type) {
+ if (!num || isNaN(parseFloat(num))) {
+ this.textContent = "";
+ this.shadowRoot.querySelector("span").textContent = "";
+
+ return;
+ }
+
+ this.textContent = num;
+ this.shadowRoot.querySelector("span").textContent = this._format(num, type);
+ }
+
+ _format(num, type) {
+ return numeral(num).format(type);
+ }
+}
+
+PFElement.create(PfeNumber);
+//# sourceMappingURL=pfe-number.js.map
diff --git a/elements/pfe-number/dist/pfe-number.js.map b/elements/pfe-number/dist/pfe-number.js.map
new file mode 100644
index 0000000000..1e1818ab29
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-number.js","sources":["../_temp/polyfills--pfe-number.js","../../../node_modules/numeral/numeral.js","../_temp/pfe-number.js"],"sourcesContent":["// @POLYFILL isNaN, non-mutating polyfill for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN#Polyfill\nconst isNaN = Number.isNaN || (n => n !== null && (n != n || +n != n));\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.51\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\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.51\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["this"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-number/dist/pfe-number.json b/elements/pfe-number/dist/pfe-number.json
new file mode 100644
index 0000000000..cfcf21c7cf
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.json
@@ -0,0 +1,38 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Number",
+ "description": "This element formats numbers according to the specified type.",
+ "type": "object",
+ "tag": "pfe-number",
+ "class": "pfe-number",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {}
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "number": {
+ "title": "Number",
+ "type": "string"
+ },
+ "type": {
+ "title": "Number type",
+ "type": "string",
+ "enum": ["ordinal", "bytes", "abbrev", "percent", "e", "thousands"]
+ },
+ "format": {
+ "title": "Number format",
+ "type": "string"
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-number/dist/pfe-number.min.js b/elements/pfe-number/dist/pfe-number.min.js
new file mode 100644
index 0000000000..1365b7e9fa
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.min.js
@@ -0,0 +1,33 @@
+import e from"../../pfelement/dist/pfelement.min.js";var t="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var r,n=(function(e){
+/*! @preserve
+ * numeral.js
+ * version : 2.0.6
+ * author : Adam Draper
+ * license : MIT
+ * http://adamwdraper.github.com/Numeral-js/
+ */var r,n;r=t,n=function(){var e,t,r,n,i,o={},a={},l={currentLocale:"en",zeroFormat:null,nullFormat:null,defaultFormat:"0,0",scalePercentBy100:!0},u={currentLocale:l.currentLocale,zeroFormat:l.zeroFormat,nullFormat:l.nullFormat,defaultFormat:l.defaultFormat,scalePercentBy100:l.scalePercentBy100};function s(e,t){this._input=e,this._value=t}return(e=function(r){var n,i,a,l;if(e.isNumeral(r))n=r.value();else if(0===r||void 0===r)n=0;else if(null===r||t.isNaN(r))n=null;else if("string"==typeof r)if(u.zeroFormat&&r===u.zeroFormat)n=0;else if(u.nullFormat&&r===u.nullFormat||!r.replace(/[^0-9]+/g,"").length)n=null;else{for(i in o)if((l="function"==typeof o[i].regexps.unformat?o[i].regexps.unformat():o[i].regexps.unformat)&&r.match(l)){a=o[i].unformat;break}n=(a=a||e._.stringToNumber)(r)}else n=Number(r)||null;return new s(r,n)}).version="2.0.6",e.isNumeral=function(e){return e instanceof s},e._=t={numberToFormat:function(t,r,n){var i,o,l,u,s,c,f,m,h=a[e.options.currentLocale],b=!1,d=!1,p="",g="",v=!1;if(t=t||0,l=Math.abs(t),e._.includes(r,"(")?(b=!0,r=r.replace(/[\(|\)]/g,"")):(e._.includes(r,"+")||e._.includes(r,"-"))&&(c=e._.includes(r,"+")?r.indexOf("+"):t<0?r.indexOf("-"):-1,r=r.replace(/[\+|\-]/g,"")),e._.includes(r,"a")&&(o=!!(o=r.match(/a(k|m|b|t)?/))&&o[1],e._.includes(r," a")&&(p=" "),r=r.replace(new RegExp(p+"a[kmbt]?"),""),l>=1e12&&!o||"t"===o?(p+=h.abbreviations.trillion,t/=1e12):l<1e12&&l>=1e9&&!o||"b"===o?(p+=h.abbreviations.billion,t/=1e9):l<1e9&&l>=1e6&&!o||"m"===o?(p+=h.abbreviations.million,t/=1e6):(l<1e6&&l>=1e3&&!o||"k"===o)&&(p+=h.abbreviations.thousand,t/=1e3)),e._.includes(r,"[.]")&&(d=!0,r=r.replace("[.]",".")),u=t.toString().split(".")[0],s=r.split(".")[1],f=r.indexOf(","),i=(r.split(".")[0].split(",")[0].match(/0/g)||[]).length,s?(e._.includes(s,"[")?(s=(s=s.replace("]","")).split("["),g=e._.toFixed(t,s[0].length+s[1].length,n,s[1].length)):g=e._.toFixed(t,s.length,n),u=g.split(".")[0],g=e._.includes(g,".")?h.delimiters.decimal+g.split(".")[1]:"",d&&0===Number(g.slice(1))&&(g="")):u=e._.toFixed(t,0,n),p&&!o&&Number(u)>=1e3&&p!==h.abbreviations.trillion)switch(u=String(Number(u)/1e3),p){case h.abbreviations.thousand:p=h.abbreviations.million;break;case h.abbreviations.million:p=h.abbreviations.billion;break;case h.abbreviations.billion:p=h.abbreviations.trillion}if(e._.includes(u,"-")&&(u=u.slice(1),v=!0),u.length0;_--)u="0"+u;return f>-1&&(u=u.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g,"$1"+h.delimiters.thousands)),0===r.indexOf(".")&&(u=""),m=u+g+(p||""),b?m=(b&&v?"(":"")+m+(b&&v?")":""):c>=0?m=0===c?(v?"-":"+")+m:m+(v?"-":"+"):v&&(m="-"+m),m},stringToNumber:function(e){var t,r,n,i=a[u.currentLocale],o=e,l={thousand:3,million:6,billion:9,trillion:12};if(u.zeroFormat&&e===u.zeroFormat)r=0;else if(u.nullFormat&&e===u.nullFormat||!e.replace(/[^0-9]+/g,"").length)r=null;else{for(t in r=1,"."!==i.delimiters.decimal&&(e=e.replace(/\./g,"").replace(i.delimiters.decimal,".")),l)if(n=new RegExp("[^a-zA-Z]"+i.abbreviations[t]+"(?:\\)|(\\"+i.currency.symbol+")?(?:\\))?)?$"),o.match(n)){r*=Math.pow(10,l[t]);break}r*=(e.split("-").length+Math.min(e.split("(").length-1,e.split(")").length-1))%2?1:-1,e=e.replace(/[^0-9\.]+/g,""),r*=Number(e)}return r},isNaN:function(e){return"number"==typeof e&&isNaN(e)},includes:function(e,t){return-1!==e.indexOf(t)},insert:function(e,t,r){return e.slice(0,r)+t+e.slice(r)},reduce:function(e,t){if(null===this)throw new TypeError("Array.prototype.reduce called on null or undefined");if("function"!=typeof t)throw new TypeError(t+" is not a function");var r,n=Object(e),i=n.length>>>0,o=0;if(3===arguments.length)r=arguments[2];else{for(;o=i)throw new TypeError("Reduce of empty array with no initial value");r=n[o++]}for(;on?e:n},1)},toFixed:function(e,t,r,n){var i,o,a,l,u=e.toString().split("."),s=t-(n||0);return i=2===u.length?Math.min(Math.max(u[1].length,s),t):s,a=Math.pow(10,i),l=(r(e+"e+"+i)/a).toFixed(i),n>t-i&&(o=new RegExp("\\.?0{1,"+(n-(t-i))+"}$"),l=l.replace(o,"")),l}},e.options=u,e.formats=o,e.locales=a,e.locale=function(e){return e&&(u.currentLocale=e.toLowerCase()),u.currentLocale},e.localeData=function(e){if(!e)return a[u.currentLocale];if(e=e.toLowerCase(),!a[e])throw new Error("Unknown locale : "+e);return a[e]},e.reset=function(){for(var e in l)u[e]=l[e]},e.zeroFormat=function(e){u.zeroFormat="string"==typeof e?e:null},e.nullFormat=function(e){u.nullFormat="string"==typeof e?e:null},e.defaultFormat=function(e){u.defaultFormat="string"==typeof e?e:"0.0"},e.register=function(e,t,r){if(t=t.toLowerCase(),this[e+"s"][t])throw new TypeError(t+" "+e+" already registered.");return this[e+"s"][t]=r,r},e.validate=function(t,r){var n,i,o,a,l,u,s,c;if("string"!=typeof t&&(t+="",console.warn&&console.warn("Numeral.js: Value is not string. It has been co-erced to: ",t)),(t=t.trim()).match(/^\d+$/))return!0;if(""===t)return!1;try{s=e.localeData(r)}catch(t){s=e.localeData(e.locale())}return o=s.currency.symbol,l=s.abbreviations,n=s.delimiters.decimal,i="."===s.delimiters.thousands?"\\.":s.delimiters.thousands,(null===(c=t.match(/^[^\d]+/))||(t=t.substr(1),c[0]===o))&&((null===(c=t.match(/[^\d]+$/))||(t=t.slice(0,-1),c[0]===l.thousand||c[0]===l.million||c[0]===l.billion||c[0]===l.trillion))&&(u=new RegExp(i+"{2}"),!t.match(/[^\d.,]/g)&&(!((a=t.split(n)).length>2)&&(a.length<2?!!a[0].match(/^\d+.*\d$/)&&!a[0].match(u):1===a[0].length?!!a[0].match(/^\d+$/)&&!a[0].match(u)&&!!a[1].match(/^\d+$/):!!a[0].match(/^\d+.*\d$/)&&!a[0].match(u)&&!!a[1].match(/^\d+$/)))))},e.fn=s.prototype={clone:function(){return e(this)},format:function(t,r){var n,i,a,l=this._value,s=t||u.defaultFormat;if(r=r||Math.round,0===l&&null!==u.zeroFormat)i=u.zeroFormat;else if(null===l&&null!==u.nullFormat)i=u.nullFormat;else{for(n in o)if(s.match(o[n].regexps.format)){a=o[n].format;break}i=(a=a||e._.numberToFormat)(l,s,r)}return i},value:function(){return this._value},input:function(){return this._input},set:function(e){return this._value=Number(e),this},add:function(e){var r=t.correctionFactor.call(null,this._value,e);return this._value=t.reduce([this._value,e],function(e,t,n,i){return e+Math.round(r*t)},0)/r,this},subtract:function(e){var r=t.correctionFactor.call(null,this._value,e);return this._value=t.reduce([e],function(e,t,n,i){return e-Math.round(r*t)},Math.round(this._value*r))/r,this},multiply:function(e){return this._value=t.reduce([this._value,e],function(e,r,n,i){var o=t.correctionFactor(e,r);return Math.round(e*o)*Math.round(r*o)/Math.round(o*o)},1),this},divide:function(e){return this._value=t.reduce([this._value,e],function(e,r,n,i){var o=t.correctionFactor(e,r);return Math.round(e*o)/Math.round(r*o)}),this},difference:function(t){return Math.abs(e(this._value).subtract(t).value())}},e.register("locale","en",{delimiters:{thousands:",",decimal:"."},abbreviations:{thousand:"k",million:"m",billion:"b",trillion:"t"},ordinal:function(e){var t=e%10;return 1==~~(e%100/10)?"th":1===t?"st":2===t?"nd":3===t?"rd":"th"},currency:{symbol:"$"}}),e.register("format","bps",{regexps:{format:/(BPS)/,unformat:/(BPS)/},format:function(t,r,n){var i,o=e._.includes(r," BPS")?" ":"";return t*=1e4,r=r.replace(/\s?BPS/,""),i=e._.numberToFormat(t,r,n),e._.includes(i,")")?((i=i.split("")).splice(-1,0,o+"BPS"),i=i.join("")):i=i+o+"BPS",i},unformat:function(t){return+(1e-4*e._.stringToNumber(t)).toFixed(15)}}),n={base:1024,suffixes:["B","KiB","MiB","GiB","TiB","PiB","EiB","ZiB","YiB"]},i="("+(i=(r={base:1e3,suffixes:["B","KB","MB","GB","TB","PB","EB","ZB","YB"]}).suffixes.concat(n.suffixes.filter(function(e){return r.suffixes.indexOf(e)<0})).join("|")).replace("B","B(?!PS)")+")",e.register("format","bytes",{regexps:{format:/([0\s]i?b)/,unformat:new RegExp(i)},format:function(t,i,o){var a,l,u,s=e._.includes(i,"ib")?n:r,c=e._.includes(i," b")||e._.includes(i," ib")?" ":"";for(i=i.replace(/\s?i?b/,""),a=0;a<=s.suffixes.length;a++)if(l=Math.pow(s.base,a),u=Math.pow(s.base,a+1),null===t||0===t||t>=l&&t0&&(t/=l);break}return e._.numberToFormat(t,i,o)+c},unformat:function(t){var i,o,a=e._.stringToNumber(t);if(a){for(i=r.suffixes.length-1;i>=0;i--){if(e._.includes(t,r.suffixes[i])){o=Math.pow(r.base,i);break}if(e._.includes(t,n.suffixes[i])){o=Math.pow(n.base,i);break}}a*=o||1}return a}}),e.register("format","currency",{regexps:{format:/(\$)/},format:function(t,r,n){var i,o,a=e.locales[e.options.currentLocale],l={before:r.match(/^([\+|\-|\(|\s|\$]*)/)[0],after:r.match(/([\+|\-|\)|\s|\$]*)$/)[0]};for(r=r.replace(/\s?\$\s?/,""),i=e._.numberToFormat(t,r,n),t>=0?(l.before=l.before.replace(/[\-\(]/,""),l.after=l.after.replace(/[\-\)]/,"")):t<0&&!e._.includes(l.before,"-")&&!e._.includes(l.before,"(")&&(l.before="-"+l.before),o=0;o=0;o--)switch(l.after[o]){case"$":i=o===l.after.length-1?i+a.currency.symbol:e._.insert(i,a.currency.symbol,-(l.after.length-(1+o)));break;case" ":i=o===l.after.length-1?i+" ":e._.insert(i," ",-(l.after.length-(1+o)+a.currency.symbol.length-1))}return i}}),e.register("format","exponential",{regexps:{format:/(e\+|e-)/,unformat:/(e\+|e-)/},format:function(t,r,n){var i=("number"!=typeof t||e._.isNaN(t)?"0e+0":t.toExponential()).split("e");return r=r.replace(/e[\+|\-]{1}0/,""),e._.numberToFormat(Number(i[0]),r,n)+"e"+i[1]},unformat:function(t){var r=e._.includes(t,"e+")?t.split("e+"):t.split("e-"),n=Number(r[0]),i=Number(r[1]);return i=e._.includes(t,"e-")?i*=-1:i,e._.reduce([n,Math.pow(10,i)],function(t,r,n,i){var o=e._.correctionFactor(t,r);return t*o*(r*o)/(o*o)},1)}}),e.register("format","ordinal",{regexps:{format:/(o)/},format:function(t,r,n){var i=e.locales[e.options.currentLocale],o=e._.includes(r," o")?" ":"";return r=r.replace(/\s?o/,""),o+=i.ordinal(t),e._.numberToFormat(t,r,n)+o}}),e.register("format","percentage",{regexps:{format:/(%)/,unformat:/(%)/},format:function(t,r,n){var i,o=e._.includes(r," %")?" ":"";return e.options.scalePercentBy100&&(t*=100),r=r.replace(/\s?\%/,""),i=e._.numberToFormat(t,r,n),e._.includes(i,")")?((i=i.split("")).splice(-1,0,o+"%"),i=i.join("")):i=i+o+"%",i},unformat:function(t){var r=e._.stringToNumber(t);return e.options.scalePercentBy100?.01*r:r}}),e.register("format","time",{regexps:{format:/(:)/,unformat:/(:)/},format:function(e,t,r){var n=Math.floor(e/60/60),i=Math.floor((e-60*n*60)/60),o=Math.round(e-60*n*60-60*i);return n+":"+(i<10?"0"+i:i)+":"+(o<10?"0"+o:o)},unformat:function(e){var t=e.split(":"),r=0;return 3===t.length?(r+=60*Number(t[0])*60,r+=60*Number(t[1]),r+=Number(t[2])):2===t.length&&(r+=60*Number(t[0]),r+=Number(t[1])),Number(r)}}),e},e.exports?e.exports=n():r.numeral=n()}(r={exports:{}},r.exports),r.exports);
+/*!
+ * PatternFly Elements: PfeNumber 1.0.0-prerelease.51
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/const i={abbrev:"0a",ordinal:"0o",percent:"0%",bytes:"0[.][00] ib",e:"0[.00]e+0",thousands:"0,0[.][00]"};n.locales.en.delimiters.thousands=" ";class o extends e{static get version(){return"1.0.0-prerelease.51"}get html(){return""}static get tag(){return"pfe-number"}get styleUrl(){return"pfe-number.scss"}get templateUrl(){return"pfe-number.html"}static get observedAttributes(){return["number","format","type"]}constructor(){super(o)}connectedCallback(){super.connectedCallback(),this.connected=!0,this._determineFormat(),this._setInitialNumber()}attributeChangedCallback(e,t,r){switch(super.attributeChangedCallback(...arguments),e){case"type":this._determineFormat();break;case"format":this._updateNumber(this.getAttribute("number"),r);break;case"number":this._updateNumber(r,this.getAttribute("format"))}}_setInitialNumber(){const e=!isNaN(parseFloat(this.getAttribute("number"))),t=!isNaN(parseFloat(this.textContent));e?this.setAttribute("number",this.getAttribute("number")):t&&this.setAttribute("number",this.textContent)}_determineFormat(){let e=this.getAttribute("type");e&&i[e]?this.setAttribute("format",i[e]):this.setAttribute("format",this.getAttribute("format")||"0")}_updateNumber(e,t){if(!e||isNaN(parseFloat(e)))return this.textContent="",void(this.shadowRoot.querySelector("span").textContent="");this.textContent=e,this.shadowRoot.querySelector("span").textContent=this._format(e,t)}_format(e,t){return n(e).format(t)}}e.create(o);
+//# sourceMappingURL=pfe-number.min.js.map
diff --git a/elements/pfe-number/dist/pfe-number.min.js.map b/elements/pfe-number/dist/pfe-number.min.js.map
new file mode 100644
index 0000000000..fc26a3a3b9
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-number.min.js","sources":["../../../node_modules/numeral/numeral.js","../_temp/pfe-number.js"],"sourcesContent":["/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.51\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\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.51\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","this","numeral","_","decimal","binary","unformatRegex","formats","locales","defaults","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","options","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","numberToFormat","format","roundingFunction","leadingCount","abbrForce","abs","int","precision","signed","thousands","output","locale","negP","optDec","abbr","neg","Math","includes","indexOf","RegExp","abbreviations","trillion","billion","million","thousand","toString","split","toFixed","delimiters","slice","String","i","string","abbreviation","stringOriginal","currency","symbol","pow","min","search","insert","subString","start","reduce","array","callback","TypeError","t","Object","len","k","arguments","multiplier","x","parts","correctionFactor","Array","prototype","call","accum","next","mn","maxDecimals","optionals","boundedPrecision","optionalsRegExp","power","splitValue","minDecimals","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","clone","inputString","formatFunction","round","set","add","corrFactor","curr","currI","O","subtract","multiply","divide","difference","ordinal","b","space","splice","join","base","suffixes","concat","filter","item","bytes","suffix","bytesMultiplier","symbols","before","after","toExponential","hours","floor","minutes","seconds","timeArray","module","exports","types","abbrev","percent","en","PfeNumber","PFElement","html","tag","styleUrl","templateUrl","observedAttributes","[object Object]","super","connectedCallback","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","attributeChangedCallback","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","num","shadowRoot","querySelector","_format","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-number/dist/pfe-number.umd.js b/elements/pfe-number/dist/pfe-number.umd.js
new file mode 100644
index 0000000000..b42b994f92
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.umd.js
@@ -0,0 +1,1235 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL isNaN, non-mutating polyfill for IE11
+
+ var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+ function createCommonjsModule(fn, module) {
+ return module = { exports: {} }, fn(module, module.exports), module.exports;
+ }
+
+ var numeral = createCommonjsModule(function (module) {
+ /*! @preserve
+ * numeral.js
+ * version : 2.0.6
+ * author : Adam Draper
+ * license : MIT
+ * http://adamwdraper.github.com/Numeral-js/
+ */
+
+ (function (global, factory) {
+ if (module.exports) {
+ module.exports = factory();
+ } else {
+ global.numeral = factory();
+ }
+ })(commonjsGlobal, function () {
+ /************************************
+ Variables
+ ************************************/
+
+ var _numeral,
+ _,
+ VERSION = '2.0.6',
+ formats = {},
+ locales = {},
+ defaults = {
+ currentLocale: 'en',
+ zeroFormat: null,
+ nullFormat: null,
+ defaultFormat: '0,0',
+ scalePercentBy100: true
+ },
+ options = {
+ currentLocale: defaults.currentLocale,
+ zeroFormat: defaults.zeroFormat,
+ nullFormat: defaults.nullFormat,
+ defaultFormat: defaults.defaultFormat,
+ scalePercentBy100: defaults.scalePercentBy100
+ };
+
+ /************************************
+ Constructors
+ ************************************/
+
+ // Numeral prototype object
+ function Numeral(input, number) {
+ this._input = input;
+
+ this._value = number;
+ }
+
+ _numeral = function numeral(input) {
+ var value, kind, unformatFunction, regexp;
+
+ if (_numeral.isNumeral(input)) {
+ value = input.value();
+ } else if (input === 0 || typeof input === 'undefined') {
+ value = 0;
+ } else if (input === null || _.isNaN(input)) {
+ value = null;
+ } else if (typeof input === 'string') {
+ if (options.zeroFormat && input === options.zeroFormat) {
+ value = 0;
+ } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {
+ value = null;
+ } else {
+ for (kind in formats) {
+ regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;
+
+ if (regexp && input.match(regexp)) {
+ unformatFunction = formats[kind].unformat;
+
+ break;
+ }
+ }
+
+ unformatFunction = unformatFunction || _numeral._.stringToNumber;
+
+ value = unformatFunction(input);
+ }
+ } else {
+ value = Number(input) || null;
+ }
+
+ return new Numeral(input, value);
+ };
+
+ // version number
+ _numeral.version = VERSION;
+
+ // compare numeral object
+ _numeral.isNumeral = function (obj) {
+ return obj instanceof Numeral;
+ };
+
+ // helper functions
+ _numeral._ = _ = {
+ // formats numbers separators, decimals places, signs, abbreviations
+ numberToFormat: function numberToFormat(value, format, roundingFunction) {
+ var locale = locales[_numeral.options.currentLocale],
+ negP = false,
+ optDec = false,
+ leadingCount = 0,
+ abbr = '',
+ trillion = 1000000000000,
+ billion = 1000000000,
+ million = 1000000,
+ thousand = 1000,
+ decimal = '',
+ neg = false,
+ abbrForce,
+ // force abbreviation
+ abs,
+ int,
+ precision,
+ signed,
+ thousands,
+ output;
+
+ // make sure we never format a null value
+ value = value || 0;
+
+ abs = Math.abs(value);
+
+ // see if we should use parentheses for negative number or if we should prefix with a sign
+ // if both are present we default to parentheses
+ if (_numeral._.includes(format, '(')) {
+ negP = true;
+ format = format.replace(/[\(|\)]/g, '');
+ } else if (_numeral._.includes(format, '+') || _numeral._.includes(format, '-')) {
+ signed = _numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;
+ format = format.replace(/[\+|\-]/g, '');
+ }
+
+ // see if abbreviation is wanted
+ if (_numeral._.includes(format, 'a')) {
+ abbrForce = format.match(/a(k|m|b|t)?/);
+
+ abbrForce = abbrForce ? abbrForce[1] : false;
+
+ // check for space before abbreviation
+ if (_numeral._.includes(format, ' a')) {
+ abbr = ' ';
+ }
+
+ format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');
+
+ if (abs >= trillion && !abbrForce || abbrForce === 't') {
+ // trillion
+ abbr += locale.abbreviations.trillion;
+ value = value / trillion;
+ } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {
+ // billion
+ abbr += locale.abbreviations.billion;
+ value = value / billion;
+ } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {
+ // million
+ abbr += locale.abbreviations.million;
+ value = value / million;
+ } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {
+ // thousand
+ abbr += locale.abbreviations.thousand;
+ value = value / thousand;
+ }
+ }
+
+ // check for optional decimals
+ if (_numeral._.includes(format, '[.]')) {
+ optDec = true;
+ format = format.replace('[.]', '.');
+ }
+
+ // break number and format
+ int = value.toString().split('.')[0];
+ precision = format.split('.')[1];
+ thousands = format.indexOf(',');
+ leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;
+
+ if (precision) {
+ if (_numeral._.includes(precision, '[')) {
+ precision = precision.replace(']', '');
+ precision = precision.split('[');
+ decimal = _numeral._.toFixed(value, precision[0].length + precision[1].length, roundingFunction, precision[1].length);
+ } else {
+ decimal = _numeral._.toFixed(value, precision.length, roundingFunction);
+ }
+
+ int = decimal.split('.')[0];
+
+ if (_numeral._.includes(decimal, '.')) {
+ decimal = locale.delimiters.decimal + decimal.split('.')[1];
+ } else {
+ decimal = '';
+ }
+
+ if (optDec && Number(decimal.slice(1)) === 0) {
+ decimal = '';
+ }
+ } else {
+ int = _numeral._.toFixed(value, 0, roundingFunction);
+ }
+
+ // check abbreviation again after rounding
+ if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {
+ int = String(Number(int) / 1000);
+
+ switch (abbr) {
+ case locale.abbreviations.thousand:
+ abbr = locale.abbreviations.million;
+ break;
+ case locale.abbreviations.million:
+ abbr = locale.abbreviations.billion;
+ break;
+ case locale.abbreviations.billion:
+ abbr = locale.abbreviations.trillion;
+ break;
+ }
+ }
+
+ // format number
+ if (_numeral._.includes(int, '-')) {
+ int = int.slice(1);
+ neg = true;
+ }
+
+ if (int.length < leadingCount) {
+ for (var i = leadingCount - int.length; i > 0; i--) {
+ int = '0' + int;
+ }
+ }
+
+ if (thousands > -1) {
+ int = int.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1' + locale.delimiters.thousands);
+ }
+
+ if (format.indexOf('.') === 0) {
+ int = '';
+ }
+
+ output = int + decimal + (abbr ? abbr : '');
+
+ if (negP) {
+ output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');
+ } else {
+ if (signed >= 0) {
+ output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');
+ } else if (neg) {
+ output = '-' + output;
+ }
+ }
+
+ return output;
+ },
+ // unformats numbers separators, decimals places, signs, abbreviations
+ stringToNumber: function stringToNumber(string) {
+ var locale = locales[options.currentLocale],
+ stringOriginal = string,
+ abbreviations = {
+ thousand: 3,
+ million: 6,
+ billion: 9,
+ trillion: 12
+ },
+ abbreviation,
+ value,
+ regexp;
+
+ if (options.zeroFormat && string === options.zeroFormat) {
+ value = 0;
+ } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {
+ value = null;
+ } else {
+ value = 1;
+
+ if (locale.delimiters.decimal !== '.') {
+ string = string.replace(/\./g, '').replace(locale.delimiters.decimal, '.');
+ }
+
+ for (abbreviation in abbreviations) {
+ regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\)|(\\' + locale.currency.symbol + ')?(?:\\))?)?$');
+
+ if (stringOriginal.match(regexp)) {
+ value *= Math.pow(10, abbreviations[abbreviation]);
+ break;
+ }
+ }
+
+ // check for negative number
+ value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;
+
+ // remove non numbers
+ string = string.replace(/[^0-9\.]+/g, '');
+
+ value *= Number(string);
+ }
+
+ return value;
+ },
+ isNaN: function (_isNaN) {
+ function isNaN(_x) {
+ return _isNaN.apply(this, arguments);
+ }
+
+ isNaN.toString = function () {
+ return _isNaN.toString();
+ };
+
+ return isNaN;
+ }(function (value) {
+ return typeof value === 'number' && isNaN(value);
+ }),
+ includes: function includes(string, search) {
+ return string.indexOf(search) !== -1;
+ },
+ insert: function insert(string, subString, start) {
+ return string.slice(0, start) + subString + string.slice(start);
+ },
+ reduce: function reduce(array, callback /*, initialValue*/) {
+ if (this === null) {
+ throw new TypeError('Array.prototype.reduce called on null or undefined');
+ }
+
+ if (typeof callback !== 'function') {
+ throw new TypeError(callback + ' is not a function');
+ }
+
+ var t = Object(array),
+ len = t.length >>> 0,
+ k = 0,
+ value;
+
+ if (arguments.length === 3) {
+ value = arguments[2];
+ } else {
+ while (k < len && !(k in t)) {
+ k++;
+ }
+
+ if (k >= len) {
+ throw new TypeError('Reduce of empty array with no initial value');
+ }
+
+ value = t[k++];
+ }
+ for (; k < len; k++) {
+ if (k in t) {
+ value = callback(value, t[k], k, t);
+ }
+ }
+ return value;
+ },
+ /**
+ * Computes the multiplier necessary to make x >= 1,
+ * effectively eliminating miscalculations caused by
+ * finite precision.
+ */
+ multiplier: function multiplier(x) {
+ var parts = x.toString().split('.');
+
+ return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);
+ },
+ /**
+ * Given a variable number of arguments, returns the maximum
+ * multiplier that must be used to normalize an operation involving
+ * all of them.
+ */
+ correctionFactor: function correctionFactor() {
+ var args = Array.prototype.slice.call(arguments);
+
+ return args.reduce(function (accum, next) {
+ var mn = _.multiplier(next);
+ return accum > mn ? accum : mn;
+ }, 1);
+ },
+ /**
+ * Implementation of toFixed() that treats floats more like decimals
+ *
+ * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present
+ * problems for accounting- and finance-related software.
+ */
+ toFixed: function toFixed(value, maxDecimals, roundingFunction, optionals) {
+ var splitValue = value.toString().split('.'),
+ minDecimals = maxDecimals - (optionals || 0),
+ boundedPrecision,
+ optionalsRegExp,
+ power,
+ output;
+
+ // Use the smallest precision value possible to avoid errors from floating point representation
+ if (splitValue.length === 2) {
+ boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);
+ } else {
+ boundedPrecision = minDecimals;
+ }
+
+ power = Math.pow(10, boundedPrecision);
+
+ // Multiply up by precision, round accurately, then divide and use native toFixed():
+ output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);
+
+ if (optionals > maxDecimals - boundedPrecision) {
+ optionalsRegExp = new RegExp('\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');
+ output = output.replace(optionalsRegExp, '');
+ }
+
+ return output;
+ }
+ };
+
+ // avaliable options
+ _numeral.options = options;
+
+ // avaliable formats
+ _numeral.formats = formats;
+
+ // avaliable formats
+ _numeral.locales = locales;
+
+ // This function sets the current locale. If
+ // no arguments are passed in, it will simply return the current global
+ // locale key.
+ _numeral.locale = function (key) {
+ if (key) {
+ options.currentLocale = key.toLowerCase();
+ }
+
+ return options.currentLocale;
+ };
+
+ // This function provides access to the loaded locale data. If
+ // no arguments are passed in, it will simply return the current
+ // global locale object.
+ _numeral.localeData = function (key) {
+ if (!key) {
+ return locales[options.currentLocale];
+ }
+
+ key = key.toLowerCase();
+
+ if (!locales[key]) {
+ throw new Error('Unknown locale : ' + key);
+ }
+
+ return locales[key];
+ };
+
+ _numeral.reset = function () {
+ for (var property in defaults) {
+ options[property] = defaults[property];
+ }
+ };
+
+ _numeral.zeroFormat = function (format) {
+ options.zeroFormat = typeof format === 'string' ? format : null;
+ };
+
+ _numeral.nullFormat = function (format) {
+ options.nullFormat = typeof format === 'string' ? format : null;
+ };
+
+ _numeral.defaultFormat = function (format) {
+ options.defaultFormat = typeof format === 'string' ? format : '0.0';
+ };
+
+ _numeral.register = function (type, name, format) {
+ name = name.toLowerCase();
+
+ if (this[type + 's'][name]) {
+ throw new TypeError(name + ' ' + type + ' already registered.');
+ }
+
+ this[type + 's'][name] = format;
+
+ return format;
+ };
+
+ _numeral.validate = function (val, culture) {
+ var _decimalSep, _thousandSep, _currSymbol, _valArray, _abbrObj, _thousandRegEx, localeData, temp;
+
+ //coerce val to string
+ if (typeof val !== 'string') {
+ val += '';
+
+ if (console.warn) {
+ console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);
+ }
+ }
+
+ //trim whitespaces from either sides
+ val = val.trim();
+
+ //if val is just digits return true
+ if (!!val.match(/^\d+$/)) {
+ return true;
+ }
+
+ //if val is empty return false
+ if (val === '') {
+ return false;
+ }
+
+ //get the decimal and thousands separator from numeral.localeData
+ try {
+ //check if the culture is understood by numeral. if not, default it to current locale
+ localeData = _numeral.localeData(culture);
+ } catch (e) {
+ localeData = _numeral.localeData(_numeral.locale());
+ }
+
+ //setup the delimiters and currency symbol based on culture/locale
+ _currSymbol = localeData.currency.symbol;
+ _abbrObj = localeData.abbreviations;
+ _decimalSep = localeData.delimiters.decimal;
+ if (localeData.delimiters.thousands === '.') {
+ _thousandSep = '\\.';
+ } else {
+ _thousandSep = localeData.delimiters.thousands;
+ }
+
+ // validating currency symbol
+ temp = val.match(/^[^\d]+/);
+ if (temp !== null) {
+ val = val.substr(1);
+ if (temp[0] !== _currSymbol) {
+ return false;
+ }
+ }
+
+ //validating abbreviation symbol
+ temp = val.match(/[^\d]+$/);
+ if (temp !== null) {
+ val = val.slice(0, -1);
+ if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {
+ return false;
+ }
+ }
+
+ _thousandRegEx = new RegExp(_thousandSep + '{2}');
+
+ if (!val.match(/[^\d.,]/g)) {
+ _valArray = val.split(_decimalSep);
+ if (_valArray.length > 2) {
+ return false;
+ } else {
+ if (_valArray.length < 2) {
+ return !!_valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx);
+ } else {
+ if (_valArray[0].length === 1) {
+ return !!_valArray[0].match(/^\d+$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\d+$/);
+ } else {
+ return !!_valArray[0].match(/^\d+.*\d$/) && !_valArray[0].match(_thousandRegEx) && !!_valArray[1].match(/^\d+$/);
+ }
+ }
+ }
+ }
+
+ return false;
+ };
+
+ /************************************
+ Numeral Prototype
+ ************************************/
+
+ _numeral.fn = Numeral.prototype = {
+ clone: function clone() {
+ return _numeral(this);
+ },
+ format: function format(inputString, roundingFunction) {
+ var value = this._value,
+ format = inputString || options.defaultFormat,
+ kind,
+ output,
+ formatFunction;
+
+ // make sure we have a roundingFunction
+ roundingFunction = roundingFunction || Math.round;
+
+ // format based on value
+ if (value === 0 && options.zeroFormat !== null) {
+ output = options.zeroFormat;
+ } else if (value === null && options.nullFormat !== null) {
+ output = options.nullFormat;
+ } else {
+ for (kind in formats) {
+ if (format.match(formats[kind].regexps.format)) {
+ formatFunction = formats[kind].format;
+
+ break;
+ }
+ }
+
+ formatFunction = formatFunction || _numeral._.numberToFormat;
+
+ output = formatFunction(value, format, roundingFunction);
+ }
+
+ return output;
+ },
+ value: function value() {
+ return this._value;
+ },
+ input: function input() {
+ return this._input;
+ },
+ set: function set(value) {
+ this._value = Number(value);
+
+ return this;
+ },
+ add: function add(value) {
+ var corrFactor = _.correctionFactor.call(null, this._value, value);
+
+ function cback(accum, curr, currI, O) {
+ return accum + Math.round(corrFactor * curr);
+ }
+
+ this._value = _.reduce([this._value, value], cback, 0) / corrFactor;
+
+ return this;
+ },
+ subtract: function subtract(value) {
+ var corrFactor = _.correctionFactor.call(null, this._value, value);
+
+ function cback(accum, curr, currI, O) {
+ return accum - Math.round(corrFactor * curr);
+ }
+
+ this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;
+
+ return this;
+ },
+ multiply: function multiply(value) {
+ function cback(accum, curr, currI, O) {
+ var corrFactor = _.correctionFactor(accum, curr);
+ return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);
+ }
+
+ this._value = _.reduce([this._value, value], cback, 1);
+
+ return this;
+ },
+ divide: function divide(value) {
+ function cback(accum, curr, currI, O) {
+ var corrFactor = _.correctionFactor(accum, curr);
+ return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);
+ }
+
+ this._value = _.reduce([this._value, value], cback);
+
+ return this;
+ },
+ difference: function difference(value) {
+ return Math.abs(_numeral(this._value).subtract(value).value());
+ }
+ };
+
+ /************************************
+ Default Locale && Format
+ ************************************/
+
+ _numeral.register('locale', 'en', {
+ delimiters: {
+ thousands: ',',
+ decimal: '.'
+ },
+ abbreviations: {
+ thousand: 'k',
+ million: 'm',
+ billion: 'b',
+ trillion: 't'
+ },
+ ordinal: function ordinal(number) {
+ var b = number % 10;
+ return ~~(number % 100 / 10) === 1 ? 'th' : b === 1 ? 'st' : b === 2 ? 'nd' : b === 3 ? 'rd' : 'th';
+ },
+ currency: {
+ symbol: '$'
+ }
+ });
+
+ (function () {
+ _numeral.register('format', 'bps', {
+ regexps: {
+ format: /(BPS)/,
+ unformat: /(BPS)/
+ },
+ format: function format(value, _format, roundingFunction) {
+ var space = _numeral._.includes(_format, ' BPS') ? ' ' : '',
+ output;
+
+ value = value * 10000;
+
+ // check for space before BPS
+ _format = _format.replace(/\s?BPS/, '');
+
+ output = _numeral._.numberToFormat(value, _format, roundingFunction);
+
+ if (_numeral._.includes(output, ')')) {
+ output = output.split('');
+
+ output.splice(-1, 0, space + 'BPS');
+
+ output = output.join('');
+ } else {
+ output = output + space + 'BPS';
+ }
+
+ return output;
+ },
+ unformat: function unformat(string) {
+ return +(_numeral._.stringToNumber(string) * 0.0001).toFixed(15);
+ }
+ });
+ })();
+
+ (function () {
+ var decimal = {
+ base: 1000,
+ suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
+ },
+ binary = {
+ base: 1024,
+ suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']
+ };
+
+ var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {
+ return decimal.suffixes.indexOf(item) < 0;
+ }));
+ var unformatRegex = allSuffixes.join('|');
+ // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)
+ unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';
+
+ _numeral.register('format', 'bytes', {
+ regexps: {
+ format: /([0\s]i?b)/,
+ unformat: new RegExp(unformatRegex)
+ },
+ format: function format(value, _format2, roundingFunction) {
+ var output,
+ bytes = _numeral._.includes(_format2, 'ib') ? binary : decimal,
+ suffix = _numeral._.includes(_format2, ' b') || _numeral._.includes(_format2, ' ib') ? ' ' : '',
+ power,
+ min,
+ max;
+
+ // check for space before
+ _format2 = _format2.replace(/\s?i?b/, '');
+
+ for (power = 0; power <= bytes.suffixes.length; power++) {
+ min = Math.pow(bytes.base, power);
+ max = Math.pow(bytes.base, power + 1);
+
+ if (value === null || value === 0 || value >= min && value < max) {
+ suffix += bytes.suffixes[power];
+
+ if (min > 0) {
+ value = value / min;
+ }
+
+ break;
+ }
+ }
+
+ output = _numeral._.numberToFormat(value, _format2, roundingFunction);
+
+ return output + suffix;
+ },
+ unformat: function unformat(string) {
+ var value = _numeral._.stringToNumber(string),
+ power,
+ bytesMultiplier;
+
+ if (value) {
+ for (power = decimal.suffixes.length - 1; power >= 0; power--) {
+ if (_numeral._.includes(string, decimal.suffixes[power])) {
+ bytesMultiplier = Math.pow(decimal.base, power);
+
+ break;
+ }
+
+ if (_numeral._.includes(string, binary.suffixes[power])) {
+ bytesMultiplier = Math.pow(binary.base, power);
+
+ break;
+ }
+ }
+
+ value *= bytesMultiplier || 1;
+ }
+
+ return value;
+ }
+ });
+ })();
+
+ (function () {
+ _numeral.register('format', 'currency', {
+ regexps: {
+ format: /(\$)/
+ },
+ format: function format(value, _format3, roundingFunction) {
+ var locale = _numeral.locales[_numeral.options.currentLocale],
+ symbols = {
+ before: _format3.match(/^([\+|\-|\(|\s|\$]*)/)[0],
+ after: _format3.match(/([\+|\-|\)|\s|\$]*)$/)[0]
+ },
+ output,
+ symbol,
+ i;
+
+ // strip format of spaces and $
+ _format3 = _format3.replace(/\s?\$\s?/, '');
+
+ // format the number
+ output = _numeral._.numberToFormat(value, _format3, roundingFunction);
+
+ // update the before and after based on value
+ if (value >= 0) {
+ symbols.before = symbols.before.replace(/[\-\(]/, '');
+ symbols.after = symbols.after.replace(/[\-\)]/, '');
+ } else if (value < 0 && !_numeral._.includes(symbols.before, '-') && !_numeral._.includes(symbols.before, '(')) {
+ symbols.before = '-' + symbols.before;
+ }
+
+ // loop through each before symbol
+ for (i = 0; i < symbols.before.length; i++) {
+ symbol = symbols.before[i];
+
+ switch (symbol) {
+ case '$':
+ output = _numeral._.insert(output, locale.currency.symbol, i);
+ break;
+ case ' ':
+ output = _numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);
+ break;
+ }
+ }
+
+ // loop through each after symbol
+ for (i = symbols.after.length - 1; i >= 0; i--) {
+ symbol = symbols.after[i];
+
+ switch (symbol) {
+ case '$':
+ output = i === symbols.after.length - 1 ? output + locale.currency.symbol : _numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));
+ break;
+ case ' ':
+ output = i === symbols.after.length - 1 ? output + ' ' : _numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));
+ break;
+ }
+ }
+
+ return output;
+ }
+ });
+ })();
+
+ (function () {
+ _numeral.register('format', 'exponential', {
+ regexps: {
+ format: /(e\+|e-)/,
+ unformat: /(e\+|e-)/
+ },
+ format: function format(value, _format4, roundingFunction) {
+ var output,
+ exponential = typeof value === 'number' && !_numeral._.isNaN(value) ? value.toExponential() : '0e+0',
+ parts = exponential.split('e');
+
+ _format4 = _format4.replace(/e[\+|\-]{1}0/, '');
+
+ output = _numeral._.numberToFormat(Number(parts[0]), _format4, roundingFunction);
+
+ return output + 'e' + parts[1];
+ },
+ unformat: function unformat(string) {
+ var parts = _numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),
+ value = Number(parts[0]),
+ power = Number(parts[1]);
+
+ power = _numeral._.includes(string, 'e-') ? power *= -1 : power;
+
+ function cback(accum, curr, currI, O) {
+ var corrFactor = _numeral._.correctionFactor(accum, curr),
+ num = accum * corrFactor * (curr * corrFactor) / (corrFactor * corrFactor);
+ return num;
+ }
+
+ return _numeral._.reduce([value, Math.pow(10, power)], cback, 1);
+ }
+ });
+ })();
+
+ (function () {
+ _numeral.register('format', 'ordinal', {
+ regexps: {
+ format: /(o)/
+ },
+ format: function format(value, _format5, roundingFunction) {
+ var locale = _numeral.locales[_numeral.options.currentLocale],
+ output,
+ ordinal = _numeral._.includes(_format5, ' o') ? ' ' : '';
+
+ // check for space before
+ _format5 = _format5.replace(/\s?o/, '');
+
+ ordinal += locale.ordinal(value);
+
+ output = _numeral._.numberToFormat(value, _format5, roundingFunction);
+
+ return output + ordinal;
+ }
+ });
+ })();
+
+ (function () {
+ _numeral.register('format', 'percentage', {
+ regexps: {
+ format: /(%)/,
+ unformat: /(%)/
+ },
+ format: function format(value, _format6, roundingFunction) {
+ var space = _numeral._.includes(_format6, ' %') ? ' ' : '',
+ output;
+
+ if (_numeral.options.scalePercentBy100) {
+ value = value * 100;
+ }
+
+ // check for space before %
+ _format6 = _format6.replace(/\s?\%/, '');
+
+ output = _numeral._.numberToFormat(value, _format6, roundingFunction);
+
+ if (_numeral._.includes(output, ')')) {
+ output = output.split('');
+
+ output.splice(-1, 0, space + '%');
+
+ output = output.join('');
+ } else {
+ output = output + space + '%';
+ }
+
+ return output;
+ },
+ unformat: function unformat(string) {
+ var number = _numeral._.stringToNumber(string);
+ if (_numeral.options.scalePercentBy100) {
+ return number * 0.01;
+ }
+ return number;
+ }
+ });
+ })();
+
+ (function () {
+ _numeral.register('format', 'time', {
+ regexps: {
+ format: /(:)/,
+ unformat: /(:)/
+ },
+ format: function format(value, _format7, roundingFunction) {
+ var hours = Math.floor(value / 60 / 60),
+ minutes = Math.floor((value - hours * 60 * 60) / 60),
+ seconds = Math.round(value - hours * 60 * 60 - minutes * 60);
+
+ return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);
+ },
+ unformat: function unformat(string) {
+ var timeArray = string.split(':'),
+ seconds = 0;
+
+ // turn hours and minutes into seconds and add them all up
+ if (timeArray.length === 3) {
+ // hours
+ seconds = seconds + Number(timeArray[0]) * 60 * 60;
+ // minutes
+ seconds = seconds + Number(timeArray[1]) * 60;
+ // seconds
+ seconds = seconds + Number(timeArray[2]);
+ } else if (timeArray.length === 2) {
+ // minutes
+ seconds = seconds + Number(timeArray[0]) * 60;
+ // seconds
+ seconds = seconds + Number(timeArray[1]);
+ }
+ return Number(seconds);
+ }
+ });
+ })();
+
+ return _numeral;
+ });
+ });
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeNumber 1.0.0-prerelease.51
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ // easy aliases for common format strings
+ var types = {
+ abbrev: "0a", // or 'approx'?
+ ordinal: "0o",
+ percent: "0%",
+ bytes: "0[.][00] ib",
+ e: "0[.00]e+0",
+ thousands: "0,0[.][00]"
+ };
+
+ // use thin spaces to separate thousands chunks
+ // debugger;
+ numeral.locales.en.delimiters.thousands = " ";
+
+ var PfeNumber = function (_PFElement) {
+ inherits(PfeNumber, _PFElement);
+ createClass(PfeNumber, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-number.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-number.html";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.51";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-number";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["number", "format", "type"];
+ }
+ }]);
+
+ function PfeNumber() {
+ classCallCheck(this, PfeNumber);
+ return possibleConstructorReturn(this, (PfeNumber.__proto__ || Object.getPrototypeOf(PfeNumber)).call(this, PfeNumber));
+ }
+
+ createClass(PfeNumber, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeNumber.prototype.__proto__ || Object.getPrototypeOf(PfeNumber.prototype), "connectedCallback", this).call(this);
+ this.connected = true;
+
+ this._determineFormat();
+ this._setInitialNumber();
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldVal, newVal) {
+ get(PfeNumber.prototype.__proto__ || Object.getPrototypeOf(PfeNumber.prototype), "attributeChangedCallback", this).apply(this, arguments);
+ switch (attr) {
+ case "type":
+ this._determineFormat();
+ break;
+ case "format":
+ this._updateNumber(this.getAttribute("number"), newVal);
+ break;
+ case "number":
+ this._updateNumber(newVal, this.getAttribute("format"));
+ }
+ }
+ }, {
+ key: "_setInitialNumber",
+ value: function _setInitialNumber() {
+ var numberAttrDefined = !isNaN(parseFloat(this.getAttribute("number")));
+ var numberContentDefined = !isNaN(parseFloat(this.textContent));
+
+ if (numberAttrDefined) {
+ this.setAttribute("number", this.getAttribute("number"));
+ } else if (numberContentDefined) {
+ this.setAttribute("number", this.textContent);
+ }
+ }
+ }, {
+ key: "_determineFormat",
+ value: function _determineFormat() {
+ var type = this.getAttribute("type");
+
+ if (type && types[type]) {
+ this.setAttribute("format", types[type]);
+ } else {
+ this.setAttribute("format", this.getAttribute("format") || "0");
+ }
+ }
+ }, {
+ key: "_updateNumber",
+ value: function _updateNumber(num, type) {
+ if (!num || isNaN(parseFloat(num))) {
+ this.textContent = "";
+ this.shadowRoot.querySelector("span").textContent = "";
+
+ return;
+ }
+
+ this.textContent = num;
+ this.shadowRoot.querySelector("span").textContent = this._format(num, type);
+ }
+ }, {
+ key: "_format",
+ value: function _format(num, type) {
+ return numeral(num).format(type);
+ }
+ }]);
+ return PfeNumber;
+ }(PFElement);
+
+ PFElement.create(PfeNumber);
+
+})));
+//# sourceMappingURL=pfe-number.umd.js.map
diff --git a/elements/pfe-number/dist/pfe-number.umd.js.map b/elements/pfe-number/dist/pfe-number.umd.js.map
new file mode 100644
index 0000000000..8595ac280c
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-number.umd.js","sources":["../_temp/polyfills--pfe-number.js","../../../node_modules/numeral/numeral.js","../_temp/pfe-number.umd.js"],"sourcesContent":["// @POLYFILL isNaN, non-mutating polyfill for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN#Polyfill\nconst isNaN = Number.isNaN || (n => n !== null && (n != n || +n != n));\n","/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.51\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\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.51\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","module","exports","numeral","this","_","VERSION","formats","locales","defaults","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","options","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","numberToFormat","format","roundingFunction","locale","negP","optDec","leadingCount","abbr","trillion","billion","million","thousand","decimal","neg","abbrForce","abs","min","int","precision","signed","thousands","output","Math","includes","indexOf","RegExp","abbreviations","toString","split","toFixed","delimiters","slice","String","i","string","stringOriginal","abbreviation","currency","symbol","pow","search","insert","subString","start","reduce","array","callback","TypeError","t","Object","len","k","arguments","multiplier","x","parts","correctionFactor","args","Array","prototype","call","accum","next","mn","maxDecimals","optionals","splitValue","minDecimals","boundedPrecision","optionalsRegExp","power","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","clone","inputString","formatFunction","round","set","add","corrFactor","cback","curr","currI","O","subtract","multiply","divide","difference","ordinal","b","space","splice","join","base","suffixes","binary","allSuffixes","concat","filter","item","unformatRegex","bytes","suffix","bytesMultiplier","symbols","before","after","exponential","toExponential","num","hours","floor","minutes","seconds","timeArray","types","abbrev","percent","en","PfeNumber","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","shadowRoot","querySelector","_format","PFElement","create"],"mappings":";;;;;;;;CAAA;;;;;;;;;CCAA;;;;;;;;CAQC,eAAUA,MAAV,EAAkBC,OAAlB,EAA2B;CACxB,QAEO,IAAI,AAA8BC,OAAOC,OAAzC,EAAkD;CACrDD,0BAAA,GAAiBD,SAAjB;CACH,SAFM,MAEA;CACHD,mBAAOI,OAAP,GAAiBH,SAAjB;CACH;CACJ,KARA,EAQCI,cARD,EAQO,YAAY;;;;;CAKhB,YAAID,QAAJ;CAAA,YACIE,CADJ;CAAA,YAEIC,UAAU,OAFd;CAAA,YAGIC,UAAU,EAHd;CAAA,YAIIC,UAAU,EAJd;CAAA,YAKIC,WAAW;CACPC,2BAAe,IADR;CAEPC,wBAAY,IAFL;CAGPC,wBAAY,IAHL;CAIPC,2BAAe,KAJR;CAKPC,+BAAmB;CALZ,SALf;CAAA,YAYIC,UAAU;CACNL,2BAAeD,SAASC,aADlB;CAENC,wBAAYF,SAASE,UAFf;CAGNC,wBAAYH,SAASG,UAHf;CAINC,2BAAeJ,SAASI,aAJlB;CAKNC,+BAAmBL,SAASK;CALtB,SAZd;;;;;;;CA0BA,iBAASE,OAAT,CAAiBC,KAAjB,EAAwBC,MAAxB,EAAgC;CAC5B,iBAAKC,MAAL,GAAcF,KAAd;;CAEA,iBAAKG,MAAL,GAAcF,MAAd;CACH;;CAEDf,mBAAU,iBAASc,KAAT,EAAgB;CACtB,gBAAII,KAAJ,EACIC,IADJ,EAEIC,gBAFJ,EAGIC,MAHJ;;CAKA,gBAAIrB,SAAQsB,SAAR,CAAkBR,KAAlB,CAAJ,EAA8B;CAC1BI,wBAAQJ,MAAMI,KAAN,EAAR;CACH,aAFD,MAEO,IAAIJ,UAAU,CAAV,IAAe,OAAOA,KAAP,KAAiB,WAApC,EAAiD;CACpDI,wBAAQ,CAAR;CACH,aAFM,MAEA,IAAIJ,UAAU,IAAV,IAAkBZ,EAAEqB,KAAF,CAAQT,KAAR,CAAtB,EAAsC;CACzCI,wBAAQ,IAAR;CACH,aAFM,MAEA,IAAI,OAAOJ,KAAP,KAAiB,QAArB,EAA+B;CAClC,oBAAIF,QAAQJ,UAAR,IAAsBM,UAAUF,QAAQJ,UAA5C,EAAwD;CACpDU,4BAAQ,CAAR;CACH,iBAFD,MAEO,IAAIN,QAAQH,UAAR,IAAsBK,UAAUF,QAAQH,UAAxC,IAAsD,CAACK,MAAMU,OAAN,CAAc,UAAd,EAA0B,EAA1B,EAA8BC,MAAzF,EAAiG;CACpGP,4BAAQ,IAAR;CACH,iBAFM,MAEA;CACH,yBAAKC,IAAL,IAAaf,OAAb,EAAsB;CAClBiB,iCAAS,OAAOjB,QAAQe,IAAR,EAAcO,OAAd,CAAsBC,QAA7B,KAA0C,UAA1C,GAAuDvB,QAAQe,IAAR,EAAcO,OAAd,CAAsBC,QAAtB,EAAvD,GAA0FvB,QAAQe,IAAR,EAAcO,OAAd,CAAsBC,QAAzH;;CAEA,4BAAIN,UAAUP,MAAMc,KAAN,CAAYP,MAAZ,CAAd,EAAmC;CAC/BD,+CAAmBhB,QAAQe,IAAR,EAAcQ,QAAjC;;CAEA;CACH;CACJ;;CAEDP,uCAAmBA,oBAAoBpB,SAAQE,CAAR,CAAU2B,cAAjD;;CAEAX,4BAAQE,iBAAiBN,KAAjB,CAAR;CACH;CACJ,aApBM,MAoBA;CACHI,wBAAQY,OAAOhB,KAAP,KAAgB,IAAxB;CACH;;CAED,mBAAO,IAAID,OAAJ,CAAYC,KAAZ,EAAmBI,KAAnB,CAAP;CACH,SArCD;;;CAwCAlB,iBAAQ+B,OAAR,GAAkB5B,OAAlB;;;CAGAH,iBAAQsB,SAAR,GAAoB,UAASU,GAAT,EAAc;CAC9B,mBAAOA,eAAenB,OAAtB;CACH,SAFD;;;CAKAb,iBAAQE,CAAR,GAAYA,IAAI;;CAEZ+B,4BAAgB,wBAASf,KAAT,EAAgBgB,MAAhB,EAAwBC,gBAAxB,EAA0C;CACtD,oBAAIC,SAAS/B,QAAQL,SAAQY,OAAR,CAAgBL,aAAxB,CAAb;CAAA,oBACI8B,OAAO,KADX;CAAA,oBAEIC,SAAS,KAFb;CAAA,oBAGIC,eAAe,CAHnB;CAAA,oBAIIC,OAAO,EAJX;CAAA,oBAKIC,WAAW,aALf;CAAA,oBAMIC,UAAU,UANd;CAAA,oBAOIC,UAAU,OAPd;CAAA,oBAQIC,WAAW,IARf;CAAA,oBASIC,UAAU,EATd;CAAA,oBAUIC,MAAM,KAVV;CAAA,oBAWIC,SAXJ;CAAA;CAYIC,mBAZJ;CAAA,oBAaIC,AAGAC,GAhBJ;CAAA,oBAiBIC,SAjBJ;CAAA,oBAkBIC,MAlBJ;CAAA,oBAmBIC,SAnBJ;CAAA,oBAoBIC,MApBJ;;;CAuBApC,wBAAQA,SAAS,CAAjB;;CAEA8B,sBAAMO,KAAKP,GAAL,CAAS9B,KAAT,CAAN;;;;CAIA,oBAAIlB,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,GAA3B,CAAJ,EAAqC;CACjCG,2BAAO,IAAP;CACAH,6BAASA,OAAOV,OAAP,CAAe,UAAf,EAA2B,EAA3B,CAAT;CACH,iBAHD,MAGO,IAAIxB,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,GAA3B,KAAmClC,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,GAA3B,CAAvC,EAAwE;CAC3EkB,6BAASpD,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,GAA3B,IAAkCA,OAAOuB,OAAP,CAAe,GAAf,CAAlC,GAAwDvC,QAAQ,CAAR,GAAYgB,OAAOuB,OAAP,CAAe,GAAf,CAAZ,GAAkC,CAAC,CAApG;CACAvB,6BAASA,OAAOV,OAAP,CAAe,UAAf,EAA2B,EAA3B,CAAT;CACH;;;CAGD,oBAAIxB,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,GAA3B,CAAJ,EAAqC;CACjCa,gCAAYb,OAAON,KAAP,CAAa,aAAb,CAAZ;;CAEAmB,gCAAYA,YAAYA,UAAU,CAAV,CAAZ,GAA2B,KAAvC;;;CAGA,wBAAI/C,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,IAA3B,CAAJ,EAAsC;CAClCM,+BAAO,GAAP;CACH;;CAEDN,6BAASA,OAAOV,OAAP,CAAe,IAAIkC,MAAJ,CAAWlB,OAAO,UAAlB,CAAf,EAA8C,EAA9C,CAAT;;CAEA,wBAAIQ,OAAOP,QAAP,IAAmB,CAACM,SAApB,IAAiCA,cAAc,GAAnD,EAAwD;;CAEpDP,gCAAQJ,OAAOuB,aAAP,CAAqBlB,QAA7B;CACAvB,gCAAQA,QAAQuB,QAAhB;CACH,qBAJD,MAIO,IAAIO,MAAMP,QAAN,IAAkBO,OAAON,OAAzB,IAAoC,CAACK,SAArC,IAAkDA,cAAc,GAApE,EAAyE;;CAE5EP,gCAAQJ,OAAOuB,aAAP,CAAqBjB,OAA7B;CACAxB,gCAAQA,QAAQwB,OAAhB;CACH,qBAJM,MAIA,IAAIM,MAAMN,OAAN,IAAiBM,OAAOL,OAAxB,IAAmC,CAACI,SAApC,IAAiDA,cAAc,GAAnE,EAAwE;;CAE3EP,gCAAQJ,OAAOuB,aAAP,CAAqBhB,OAA7B;CACAzB,gCAAQA,QAAQyB,OAAhB;CACH,qBAJM,MAIA,IAAIK,MAAML,OAAN,IAAiBK,OAAOJ,QAAxB,IAAoC,CAACG,SAArC,IAAkDA,cAAc,GAApE,EAAyE;;CAE5EP,gCAAQJ,OAAOuB,aAAP,CAAqBf,QAA7B;CACA1B,gCAAQA,QAAQ0B,QAAhB;CACH;CACJ;;;CAGD,oBAAI5C,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,MAAnB,EAA2B,KAA3B,CAAJ,EAAuC;CACnCI,6BAAS,IAAT;CACAJ,6BAASA,OAAOV,OAAP,CAAe,KAAf,EAAsB,GAAtB,CAAT;CACH;;;CAGD0B,sBAAMhC,MAAM0C,QAAN,GAAiBC,KAAjB,CAAuB,GAAvB,EAA4B,CAA5B,CAAN;CACAV,4BAAYjB,OAAO2B,KAAP,CAAa,GAAb,EAAkB,CAAlB,CAAZ;CACAR,4BAAYnB,OAAOuB,OAAP,CAAe,GAAf,CAAZ;CACAlB,+BAAe,CAACL,OAAO2B,KAAP,CAAa,GAAb,EAAkB,CAAlB,EAAqBA,KAArB,CAA2B,GAA3B,EAAgC,CAAhC,EAAmCjC,KAAnC,CAAyC,IAAzC,KAAkD,EAAnD,EAAuDH,MAAtE;;CAEA,oBAAI0B,SAAJ,EAAe;CACX,wBAAInD,SAAQE,CAAR,CAAUsD,QAAV,CAAmBL,SAAnB,EAA8B,GAA9B,CAAJ,EAAwC;CACpCA,oCAAYA,UAAU3B,OAAV,CAAkB,GAAlB,EAAuB,EAAvB,CAAZ;CACA2B,oCAAYA,UAAUU,KAAV,CAAgB,GAAhB,CAAZ;CACAhB,kCAAU7C,SAAQE,CAAR,CAAU4D,OAAV,CAAkB5C,KAAlB,EAA0BiC,UAAU,CAAV,EAAa1B,MAAb,GAAsB0B,UAAU,CAAV,EAAa1B,MAA7D,EAAsEU,gBAAtE,EAAwFgB,UAAU,CAAV,EAAa1B,MAArG,CAAV;CACH,qBAJD,MAIO;CACHoB,kCAAU7C,SAAQE,CAAR,CAAU4D,OAAV,CAAkB5C,KAAlB,EAAyBiC,UAAU1B,MAAnC,EAA2CU,gBAA3C,CAAV;CACH;;CAEDe,0BAAML,QAAQgB,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAAN;;CAEA,wBAAI7D,SAAQE,CAAR,CAAUsD,QAAV,CAAmBX,OAAnB,EAA4B,GAA5B,CAAJ,EAAsC;CAClCA,kCAAUT,OAAO2B,UAAP,CAAkBlB,OAAlB,GAA4BA,QAAQgB,KAAR,CAAc,GAAd,EAAmB,CAAnB,CAAtC;CACH,qBAFD,MAEO;CACHhB,kCAAU,EAAV;CACH;;CAED,wBAAIP,UAAUR,OAAOe,QAAQmB,KAAR,CAAc,CAAd,CAAP,MAA6B,CAA3C,EAA8C;CAC1CnB,kCAAU,EAAV;CACH;CACJ,iBApBD,MAoBO;CACHK,0BAAMlD,SAAQE,CAAR,CAAU4D,OAAV,CAAkB5C,KAAlB,EAAyB,CAAzB,EAA4BiB,gBAA5B,CAAN;CACH;;;CAGD,oBAAIK,QAAQ,CAACO,SAAT,IAAsBjB,OAAOoB,GAAP,KAAe,IAArC,IAA6CV,SAASJ,OAAOuB,aAAP,CAAqBlB,QAA/E,EAAyF;CACrFS,0BAAMe,OAAOnC,OAAOoB,GAAP,IAAc,IAArB,CAAN;;CAEA,4BAAQV,IAAR;CACI,6BAAKJ,OAAOuB,aAAP,CAAqBf,QAA1B;CACIJ,mCAAOJ,OAAOuB,aAAP,CAAqBhB,OAA5B;CACA;CACJ,6BAAKP,OAAOuB,aAAP,CAAqBhB,OAA1B;CACIH,mCAAOJ,OAAOuB,aAAP,CAAqBjB,OAA5B;CACA;CACJ,6BAAKN,OAAOuB,aAAP,CAAqBjB,OAA1B;CACIF,mCAAOJ,OAAOuB,aAAP,CAAqBlB,QAA5B;CACA;CATR;CAWH;;;CAID,oBAAIzC,SAAQE,CAAR,CAAUsD,QAAV,CAAmBN,GAAnB,EAAwB,GAAxB,CAAJ,EAAkC;CAC9BA,0BAAMA,IAAIc,KAAJ,CAAU,CAAV,CAAN;CACAlB,0BAAM,IAAN;CACH;;CAED,oBAAII,IAAIzB,MAAJ,GAAac,YAAjB,EAA+B;CAC3B,yBAAK,IAAI2B,IAAI3B,eAAeW,IAAIzB,MAAhC,EAAwCyC,IAAI,CAA5C,EAA+CA,GAA/C,EAAoD;CAChDhB,8BAAM,MAAMA,GAAZ;CACH;CACJ;;CAED,oBAAIG,YAAY,CAAC,CAAjB,EAAoB;CAChBH,0BAAMA,IAAIU,QAAJ,GAAepC,OAAf,CAAuB,yBAAvB,EAAkD,OAAOY,OAAO2B,UAAP,CAAkBV,SAA3E,CAAN;CACH;;CAED,oBAAInB,OAAOuB,OAAP,CAAe,GAAf,MAAwB,CAA5B,EAA+B;CAC3BP,0BAAM,EAAN;CACH;;CAEDI,yBAASJ,MAAML,OAAN,IAAiBL,OAAOA,IAAP,GAAc,EAA/B,CAAT;;CAEA,oBAAIH,IAAJ,EAAU;CACNiB,6BAAS,CAACjB,QAAQS,GAAR,GAAc,GAAd,GAAoB,EAArB,IAA2BQ,MAA3B,IAAqCjB,QAAQS,GAAR,GAAc,GAAd,GAAoB,EAAzD,CAAT;CACH,iBAFD,MAEO;CACH,wBAAIM,UAAU,CAAd,EAAiB;CACbE,iCAASF,WAAW,CAAX,GAAe,CAACN,MAAM,GAAN,GAAY,GAAb,IAAoBQ,MAAnC,GAA4CA,UAAUR,MAAM,GAAN,GAAY,GAAtB,CAArD;CACH,qBAFD,MAEO,IAAIA,GAAJ,EAAS;CACZQ,iCAAS,MAAMA,MAAf;CACH;CACJ;;CAED,uBAAOA,MAAP;CACH,aA/JW;;CAiKZzB,4BAAgB,wBAASsC,MAAT,EAAiB;CAC7B,oBAAI/B,SAAS/B,QAAQO,QAAQL,aAAhB,CAAb;CAAA,oBACI6D,iBAAiBD,MADrB;CAAA,oBAEIR,gBAAgB;CACZf,8BAAU,CADE;CAEZD,6BAAS,CAFG;CAGZD,6BAAS,CAHG;CAIZD,8BAAU;CAJE,iBAFpB;CAAA,oBAQI4B,YARJ;CAAA,oBASInD,KATJ;CAAA,oBAUIgD,AACA7C,MAXJ;;CAaA,oBAAIT,QAAQJ,UAAR,IAAsB2D,WAAWvD,QAAQJ,UAA7C,EAAyD;CACrDU,4BAAQ,CAAR;CACH,iBAFD,MAEO,IAAIN,QAAQH,UAAR,IAAsB0D,WAAWvD,QAAQH,UAAzC,IAAuD,CAAC0D,OAAO3C,OAAP,CAAe,UAAf,EAA2B,EAA3B,EAA+BC,MAA3F,EAAmG;CACtGP,4BAAQ,IAAR;CACH,iBAFM,MAEA;CACHA,4BAAQ,CAAR;;CAEA,wBAAIkB,OAAO2B,UAAP,CAAkBlB,OAAlB,KAA8B,GAAlC,EAAuC;CACnCsB,iCAASA,OAAO3C,OAAP,CAAe,KAAf,EAAsB,EAAtB,EAA0BA,OAA1B,CAAkCY,OAAO2B,UAAP,CAAkBlB,OAApD,EAA6D,GAA7D,CAAT;CACH;;CAED,yBAAKwB,YAAL,IAAqBV,aAArB,EAAoC;CAChCtC,iCAAS,IAAIqC,MAAJ,CAAW,cAActB,OAAOuB,aAAP,CAAqBU,YAArB,CAAd,GAAmD,YAAnD,GAAkEjC,OAAOkC,QAAP,CAAgBC,MAAlF,GAA2F,eAAtG,CAAT;;CAEA,4BAAIH,eAAexC,KAAf,CAAqBP,MAArB,CAAJ,EAAkC;CAC9BH,qCAASqC,KAAKiB,GAAL,CAAS,EAAT,EAAab,cAAcU,YAAd,CAAb,CAAT;CACA;CACH;CACJ;;;CAGDnD,6BAAS,CAACiD,OAAON,KAAP,CAAa,GAAb,EAAkBpC,MAAlB,GAA2B8B,KAAKN,GAAL,CAASkB,OAAON,KAAP,CAAa,GAAb,EAAkBpC,MAAlB,GAA2B,CAApC,EAAuC0C,OAAON,KAAP,CAAa,GAAb,EAAkBpC,MAAlB,GAA2B,CAAlE,CAA5B,IAAoG,CAApG,GAAwG,CAAxG,GAA4G,CAAC,CAAtH;;;CAGA0C,6BAASA,OAAO3C,OAAP,CAAe,YAAf,EAA6B,EAA7B,CAAT;;CAEAN,6BAASY,OAAOqC,MAAP,CAAT;CACH;;CAED,uBAAOjD,KAAP;CACH,aA7MW;CA8MZK;CAAA;CAAA;CAAA;;CAAA;CAAA;CAAA;;CAAA;CAAA,cAAO,UAASL,KAAT,EAAgB;CACnB,uBAAO,OAAOA,KAAP,KAAiB,QAAjB,IAA6BK,MAAML,KAAN,CAApC;CACH,aAFD,CA9MY;CAiNZsC,sBAAU,kBAASW,MAAT,EAAiBM,MAAjB,EAAyB;CAC/B,uBAAON,OAAOV,OAAP,CAAegB,MAAf,MAA2B,CAAC,CAAnC;CACH,aAnNW;CAoNZC,oBAAQ,gBAASP,MAAT,EAAiBQ,SAAjB,EAA4BC,KAA5B,EAAmC;CACvC,uBAAOT,OAAOH,KAAP,CAAa,CAAb,EAAgBY,KAAhB,IAAyBD,SAAzB,GAAqCR,OAAOH,KAAP,CAAaY,KAAb,CAA5C;CACH,aAtNW;CAuNZC,oBAAQ,gBAASC,KAAT,EAAgBC,QAAhB,qBAA6C;CACjD,oBAAI,SAAS,IAAb,EAAmB;CACf,0BAAM,IAAIC,SAAJ,CAAc,oDAAd,CAAN;CACH;;CAED,oBAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoC;CAChC,0BAAM,IAAIC,SAAJ,CAAcD,WAAW,oBAAzB,CAAN;CACH;;CAED,oBAAIE,IAAIC,OAAOJ,KAAP,CAAR;CAAA,oBACIK,MAAMF,EAAExD,MAAF,KAAa,CADvB;CAAA,oBAEI2D,IAAI,CAFR;CAAA,oBAGIlE,KAHJ;;CAKA,oBAAImE,UAAU5D,MAAV,KAAqB,CAAzB,EAA4B;CACxBP,4BAAQmE,UAAU,CAAV,CAAR;CACH,iBAFD,MAEO;CACH,2BAAOD,IAAID,GAAJ,IAAW,EAAEC,KAAKH,CAAP,CAAlB,EAA6B;CACzBG;CACH;;CAED,wBAAIA,KAAKD,GAAT,EAAc;CACV,8BAAM,IAAIH,SAAJ,CAAc,6CAAd,CAAN;CACH;;CAED9D,4BAAQ+D,EAAEG,GAAF,CAAR;CACH;CACD,uBAAOA,IAAID,GAAX,EAAgBC,GAAhB,EAAqB;CACjB,wBAAIA,KAAKH,CAAT,EAAY;CACR/D,gCAAQ6D,SAAS7D,KAAT,EAAgB+D,EAAEG,CAAF,CAAhB,EAAsBA,CAAtB,EAAyBH,CAAzB,CAAR;CACH;CACJ;CACD,uBAAO/D,KAAP;CACH,aAxPW;;;;;;CA8PZoE,wBAAY,oBAAUC,CAAV,EAAa;CACrB,oBAAIC,QAAQD,EAAE3B,QAAF,GAAaC,KAAb,CAAmB,GAAnB,CAAZ;;CAEA,uBAAO2B,MAAM/D,MAAN,GAAe,CAAf,GAAmB,CAAnB,GAAuB8B,KAAKiB,GAAL,CAAS,EAAT,EAAagB,MAAM,CAAN,EAAS/D,MAAtB,CAA9B;CACH,aAlQW;;;;;;CAwQZgE,8BAAkB,4BAAY;CAC1B,oBAAIC,OAAOC,MAAMC,SAAN,CAAgB5B,KAAhB,CAAsB6B,IAAtB,CAA2BR,SAA3B,CAAX;;CAEA,uBAAOK,KAAKb,MAAL,CAAY,UAASiB,KAAT,EAAgBC,IAAhB,EAAsB;CACrC,wBAAIC,KAAK9F,EAAEoF,UAAF,CAAaS,IAAb,CAAT;CACA,2BAAOD,QAAQE,EAAR,GAAaF,KAAb,GAAqBE,EAA5B;CACH,iBAHM,EAGJ,CAHI,CAAP;CAIH,aA/QW;;;;;;;CAsRZlC,qBAAS,iBAAS5C,KAAT,EAAgB+E,WAAhB,EAA6B9D,gBAA7B,EAA+C+D,SAA/C,EAA0D;CAC/D,oBAAIC,aAAajF,MAAM0C,QAAN,GAAiBC,KAAjB,CAAuB,GAAvB,CAAjB;CAAA,oBACIuC,cAAcH,eAAeC,aAAa,CAA5B,CADlB;CAAA,oBAEIG,gBAFJ;CAAA,oBAGIC,eAHJ;CAAA,oBAIIC,KAJJ;CAAA,oBAKIjD,MALJ;;;CAQA,oBAAI6C,WAAW1E,MAAX,KAAsB,CAA1B,EAA6B;CAC3B4E,uCAAmB9C,KAAKN,GAAL,CAASM,KAAKiD,GAAL,CAASL,WAAW,CAAX,EAAc1E,MAAvB,EAA+B2E,WAA/B,CAAT,EAAsDH,WAAtD,CAAnB;CACD,iBAFD,MAEO;CACLI,uCAAmBD,WAAnB;CACD;;CAEDG,wBAAQhD,KAAKiB,GAAL,CAAS,EAAT,EAAa6B,gBAAb,CAAR;;;CAGA/C,yBAAS,CAACnB,iBAAiBjB,QAAQ,IAAR,GAAemF,gBAAhC,IAAoDE,KAArD,EAA4DzC,OAA5D,CAAoEuC,gBAApE,CAAT;;CAEA,oBAAIH,YAAYD,cAAcI,gBAA9B,EAAgD;CAC5CC,sCAAkB,IAAI5C,MAAJ,CAAW,cAAcwC,aAAaD,cAAcI,gBAA3B,CAAd,IAA8D,IAAzE,CAAlB;CACA/C,6BAASA,OAAO9B,OAAP,CAAe8E,eAAf,EAAgC,EAAhC,CAAT;CACH;;CAED,uBAAOhD,MAAP;CACH;CAhTW,SAAhB;;;CAoTAtD,iBAAQY,OAAR,GAAkBA,OAAlB;;;CAGAZ,iBAAQI,OAAR,GAAkBA,OAAlB;;;CAGAJ,iBAAQK,OAAR,GAAkBA,OAAlB;;;;;CAKAL,iBAAQoC,MAAR,GAAiB,UAASqE,GAAT,EAAc;CAC3B,gBAAIA,GAAJ,EAAS;CACL7F,wBAAQL,aAAR,GAAwBkG,IAAIC,WAAJ,EAAxB;CACH;;CAED,mBAAO9F,QAAQL,aAAf;CACH,SAND;;;;;CAWAP,iBAAQ2G,UAAR,GAAqB,UAASF,GAAT,EAAc;CAC/B,gBAAI,CAACA,GAAL,EAAU;CACN,uBAAOpG,QAAQO,QAAQL,aAAhB,CAAP;CACH;;CAEDkG,kBAAMA,IAAIC,WAAJ,EAAN;;CAEA,gBAAI,CAACrG,QAAQoG,GAAR,CAAL,EAAmB;CACf,sBAAM,IAAIG,KAAJ,CAAU,sBAAsBH,GAAhC,CAAN;CACH;;CAED,mBAAOpG,QAAQoG,GAAR,CAAP;CACH,SAZD;;CAcAzG,iBAAQ6G,KAAR,GAAgB,YAAW;CACvB,iBAAK,IAAIC,QAAT,IAAqBxG,QAArB,EAA+B;CAC3BM,wBAAQkG,QAAR,IAAoBxG,SAASwG,QAAT,CAApB;CACH;CACJ,SAJD;;CAMA9G,iBAAQQ,UAAR,GAAqB,UAAS0B,MAAT,EAAiB;CAClCtB,oBAAQJ,UAAR,GAAqB,OAAO0B,MAAP,KAAmB,QAAnB,GAA8BA,MAA9B,GAAuC,IAA5D;CACH,SAFD;;CAIAlC,iBAAQS,UAAR,GAAqB,UAAUyB,MAAV,EAAkB;CACnCtB,oBAAQH,UAAR,GAAqB,OAAOyB,MAAP,KAAmB,QAAnB,GAA8BA,MAA9B,GAAuC,IAA5D;CACH,SAFD;;CAIAlC,iBAAQU,aAAR,GAAwB,UAASwB,MAAT,EAAiB;CACrCtB,oBAAQF,aAAR,GAAwB,OAAOwB,MAAP,KAAmB,QAAnB,GAA8BA,MAA9B,GAAuC,KAA/D;CACH,SAFD;;CAIAlC,iBAAQ+G,QAAR,GAAmB,UAASC,IAAT,EAAeC,IAAf,EAAqB/E,MAArB,EAA6B;CAC5C+E,mBAAOA,KAAKP,WAAL,EAAP;;CAEA,gBAAI,KAAKM,OAAO,GAAZ,EAAiBC,IAAjB,CAAJ,EAA4B;CACxB,sBAAM,IAAIjC,SAAJ,CAAciC,OAAO,GAAP,GAAaD,IAAb,GAAoB,sBAAlC,CAAN;CACH;;CAED,iBAAKA,OAAO,GAAZ,EAAiBC,IAAjB,IAAyB/E,MAAzB;;CAEA,mBAAOA,MAAP;CACH,SAVD;;CAaAlC,iBAAQkH,QAAR,GAAmB,UAASC,GAAT,EAAcC,OAAd,EAAuB;CACtC,gBAAIC,WAAJ,EACIC,YADJ,EAEIC,WAFJ,EAGIC,SAHJ,EAIIC,QAJJ,EAKIC,cALJ,EAMIf,UANJ,EAOIgB,IAPJ;;;CAUA,gBAAI,OAAOR,GAAP,KAAe,QAAnB,EAA6B;CACzBA,uBAAO,EAAP;;CAEA,oBAAIS,QAAQC,IAAZ,EAAkB;CACdD,4BAAQC,IAAR,CAAa,4DAAb,EAA2EV,GAA3E;CACH;CACJ;;;CAGDA,kBAAMA,IAAIW,IAAJ,EAAN;;;CAGA,gBAAI,CAAC,CAACX,IAAIvF,KAAJ,CAAU,OAAV,CAAN,EAA0B;CACtB,uBAAO,IAAP;CACH;;;CAGD,gBAAIuF,QAAQ,EAAZ,EAAgB;CACZ,uBAAO,KAAP;CACH;;;CAGD,gBAAI;;CAEAR,6BAAa3G,SAAQ2G,UAAR,CAAmBS,OAAnB,CAAb;CACH,aAHD,CAGE,OAAOW,CAAP,EAAU;CACRpB,6BAAa3G,SAAQ2G,UAAR,CAAmB3G,SAAQoC,MAAR,EAAnB,CAAb;CACH;;;CAGDmF,0BAAcZ,WAAWrC,QAAX,CAAoBC,MAAlC;CACAkD,uBAAWd,WAAWhD,aAAtB;CACA0D,0BAAcV,WAAW5C,UAAX,CAAsBlB,OAApC;CACA,gBAAI8D,WAAW5C,UAAX,CAAsBV,SAAtB,KAAoC,GAAxC,EAA6C;CACzCiE,+BAAe,KAAf;CACH,aAFD,MAEO;CACHA,+BAAeX,WAAW5C,UAAX,CAAsBV,SAArC;CACH;;;CAGDsE,mBAAOR,IAAIvF,KAAJ,CAAU,SAAV,CAAP;CACA,gBAAI+F,SAAS,IAAb,EAAmB;CACfR,sBAAMA,IAAIa,MAAJ,CAAW,CAAX,CAAN;CACA,oBAAIL,KAAK,CAAL,MAAYJ,WAAhB,EAA6B;CACzB,2BAAO,KAAP;CACH;CACJ;;;CAGDI,mBAAOR,IAAIvF,KAAJ,CAAU,SAAV,CAAP;CACA,gBAAI+F,SAAS,IAAb,EAAmB;CACfR,sBAAMA,IAAInD,KAAJ,CAAU,CAAV,EAAa,CAAC,CAAd,CAAN;CACA,oBAAI2D,KAAK,CAAL,MAAYF,SAAS7E,QAArB,IAAiC+E,KAAK,CAAL,MAAYF,SAAS9E,OAAtD,IAAiEgF,KAAK,CAAL,MAAYF,SAAS/E,OAAtF,IAAiGiF,KAAK,CAAL,MAAYF,SAAShF,QAA1H,EAAoI;CAChI,2BAAO,KAAP;CACH;CACJ;;CAEDiF,6BAAiB,IAAIhE,MAAJ,CAAW4D,eAAe,KAA1B,CAAjB;;CAEA,gBAAI,CAACH,IAAIvF,KAAJ,CAAU,UAAV,CAAL,EAA4B;CACxB4F,4BAAYL,IAAItD,KAAJ,CAAUwD,WAAV,CAAZ;CACA,oBAAIG,UAAU/F,MAAV,GAAmB,CAAvB,EAA0B;CACtB,2BAAO,KAAP;CACH,iBAFD,MAEO;CACH,wBAAI+F,UAAU/F,MAAV,GAAmB,CAAvB,EAA0B;CACtB,+BAAS,CAAC,CAAE+F,UAAU,CAAV,EAAa5F,KAAb,CAAmB,WAAnB,CAAH,IAAsC,CAAC4F,UAAU,CAAV,EAAa5F,KAAb,CAAmB8F,cAAnB,CAAhD;CACH,qBAFD,MAEO;CACH,4BAAIF,UAAU,CAAV,EAAa/F,MAAb,KAAwB,CAA5B,EAA+B;CAC3B,mCAAS,CAAC,CAAE+F,UAAU,CAAV,EAAa5F,KAAb,CAAmB,OAAnB,CAAH,IAAkC,CAAC4F,UAAU,CAAV,EAAa5F,KAAb,CAAmB8F,cAAnB,CAAnC,IAAyE,CAAC,CAAEF,UAAU,CAAV,EAAa5F,KAAb,CAAmB,OAAnB,CAArF;CACH,yBAFD,MAEO;CACH,mCAAS,CAAC,CAAE4F,UAAU,CAAV,EAAa5F,KAAb,CAAmB,WAAnB,CAAH,IAAsC,CAAC4F,UAAU,CAAV,EAAa5F,KAAb,CAAmB8F,cAAnB,CAAvC,IAA6E,CAAC,CAAEF,UAAU,CAAV,EAAa5F,KAAb,CAAmB,OAAnB,CAAzF;CACH;CACJ;CACJ;CACJ;;CAED,mBAAO,KAAP;CACH,SAxFD;;;;;;CA+FA5B,iBAAQiI,EAAR,GAAapH,QAAQ+E,SAAR,GAAoB;CAC7BsC,mBAAO,iBAAW;CACd,uBAAOlI,SAAQ,IAAR,CAAP;CACH,aAH4B;CAI7BkC,oBAAQ,gBAASiG,WAAT,EAAsBhG,gBAAtB,EAAwC;CAC5C,oBAAIjB,QAAQ,KAAKD,MAAjB;CAAA,oBACIiB,SAASiG,eAAevH,QAAQF,aADpC;CAAA,oBAEIS,IAFJ;CAAA,oBAGImC,MAHJ;CAAA,oBAII8E,cAJJ;;;CAOAjG,mCAAmBA,oBAAoBoB,KAAK8E,KAA5C;;;CAGA,oBAAInH,UAAU,CAAV,IAAeN,QAAQJ,UAAR,KAAuB,IAA1C,EAAgD;CAC5C8C,6BAAS1C,QAAQJ,UAAjB;CACH,iBAFD,MAEO,IAAIU,UAAU,IAAV,IAAkBN,QAAQH,UAAR,KAAuB,IAA7C,EAAmD;CACtD6C,6BAAS1C,QAAQH,UAAjB;CACH,iBAFM,MAEA;CACH,yBAAKU,IAAL,IAAaf,OAAb,EAAsB;CAClB,4BAAI8B,OAAON,KAAP,CAAaxB,QAAQe,IAAR,EAAcO,OAAd,CAAsBQ,MAAnC,CAAJ,EAAgD;CAC5CkG,6CAAiBhI,QAAQe,IAAR,EAAce,MAA/B;;CAEA;CACH;CACJ;;CAEDkG,qCAAiBA,kBAAkBpI,SAAQE,CAAR,CAAU+B,cAA7C;;CAEAqB,6BAAS8E,eAAelH,KAAf,EAAsBgB,MAAtB,EAA8BC,gBAA9B,CAAT;CACH;;CAED,uBAAOmB,MAAP;CACH,aAlC4B;CAmC7BpC,mBAAO,iBAAW;CACd,uBAAO,KAAKD,MAAZ;CACH,aArC4B;CAsC7BH,mBAAO,iBAAW;CACd,uBAAO,KAAKE,MAAZ;CACH,aAxC4B;CAyC7BsH,iBAAK,aAASpH,KAAT,EAAgB;CACjB,qBAAKD,MAAL,GAAca,OAAOZ,KAAP,CAAd;;CAEA,uBAAO,IAAP;CACH,aA7C4B;CA8C7BqH,iBAAK,aAASrH,KAAT,EAAgB;CACjB,oBAAIsH,aAAatI,EAAEuF,gBAAF,CAAmBI,IAAnB,CAAwB,IAAxB,EAA8B,KAAK5E,MAAnC,EAA2CC,KAA3C,CAAjB;;CAEA,yBAASuH,KAAT,CAAe3C,KAAf,EAAsB4C,IAAtB,EAA4BC,KAA5B,EAAmCC,CAAnC,EAAsC;CAClC,2BAAO9C,QAAQvC,KAAK8E,KAAL,CAAWG,aAAaE,IAAxB,CAAf;CACH;;CAED,qBAAKzH,MAAL,GAAcf,EAAE2E,MAAF,CAAS,CAAC,KAAK5D,MAAN,EAAcC,KAAd,CAAT,EAA+BuH,KAA/B,EAAsC,CAAtC,IAA2CD,UAAzD;;CAEA,uBAAO,IAAP;CACH,aAxD4B;CAyD7BK,sBAAU,kBAAS3H,KAAT,EAAgB;CACtB,oBAAIsH,aAAatI,EAAEuF,gBAAF,CAAmBI,IAAnB,CAAwB,IAAxB,EAA8B,KAAK5E,MAAnC,EAA2CC,KAA3C,CAAjB;;CAEA,yBAASuH,KAAT,CAAe3C,KAAf,EAAsB4C,IAAtB,EAA4BC,KAA5B,EAAmCC,CAAnC,EAAsC;CAClC,2BAAO9C,QAAQvC,KAAK8E,KAAL,CAAWG,aAAaE,IAAxB,CAAf;CACH;;CAED,qBAAKzH,MAAL,GAAcf,EAAE2E,MAAF,CAAS,CAAC3D,KAAD,CAAT,EAAkBuH,KAAlB,EAAyBlF,KAAK8E,KAAL,CAAW,KAAKpH,MAAL,GAAcuH,UAAzB,CAAzB,IAAiEA,UAA/E;;CAEA,uBAAO,IAAP;CACH,aAnE4B;CAoE7BM,sBAAU,kBAAS5H,KAAT,EAAgB;CACtB,yBAASuH,KAAT,CAAe3C,KAAf,EAAsB4C,IAAtB,EAA4BC,KAA5B,EAAmCC,CAAnC,EAAsC;CAClC,wBAAIJ,aAAatI,EAAEuF,gBAAF,CAAmBK,KAAnB,EAA0B4C,IAA1B,CAAjB;CACA,2BAAOnF,KAAK8E,KAAL,CAAWvC,QAAQ0C,UAAnB,IAAiCjF,KAAK8E,KAAL,CAAWK,OAAOF,UAAlB,CAAjC,GAAiEjF,KAAK8E,KAAL,CAAWG,aAAaA,UAAxB,CAAxE;CACH;;CAED,qBAAKvH,MAAL,GAAcf,EAAE2E,MAAF,CAAS,CAAC,KAAK5D,MAAN,EAAcC,KAAd,CAAT,EAA+BuH,KAA/B,EAAsC,CAAtC,CAAd;;CAEA,uBAAO,IAAP;CACH,aA7E4B;CA8E7BM,oBAAQ,gBAAS7H,KAAT,EAAgB;CACpB,yBAASuH,KAAT,CAAe3C,KAAf,EAAsB4C,IAAtB,EAA4BC,KAA5B,EAAmCC,CAAnC,EAAsC;CAClC,wBAAIJ,aAAatI,EAAEuF,gBAAF,CAAmBK,KAAnB,EAA0B4C,IAA1B,CAAjB;CACA,2BAAOnF,KAAK8E,KAAL,CAAWvC,QAAQ0C,UAAnB,IAAiCjF,KAAK8E,KAAL,CAAWK,OAAOF,UAAlB,CAAxC;CACH;;CAED,qBAAKvH,MAAL,GAAcf,EAAE2E,MAAF,CAAS,CAAC,KAAK5D,MAAN,EAAcC,KAAd,CAAT,EAA+BuH,KAA/B,CAAd;;CAEA,uBAAO,IAAP;CACH,aAvF4B;CAwF7BO,wBAAY,oBAAS9H,KAAT,EAAgB;CACxB,uBAAOqC,KAAKP,GAAL,CAAShD,SAAQ,KAAKiB,MAAb,EAAqB4H,QAArB,CAA8B3H,KAA9B,EAAqCA,KAArC,EAAT,CAAP;CACH;CA1F4B,SAAjC;;;;;;CAiGAlB,iBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,IAA3B,EAAiC;CAC7BhD,wBAAY;CACRV,2BAAW,GADH;CAERR,yBAAS;CAFD,aADiB;CAK7Bc,2BAAe;CACXf,0BAAU,GADC;CAEXD,yBAAS,GAFE;CAGXD,yBAAS,GAHE;CAIXD,0BAAU;CAJC,aALc;CAW7BwG,qBAAS,iBAASlI,MAAT,EAAiB;CACtB,oBAAImI,IAAInI,SAAS,EAAjB;CACA,uBAAQ,CAAC,EAAEA,SAAS,GAAT,GAAe,EAAjB,CAAD,KAA0B,CAA3B,GAAgC,IAAhC,GACFmI,MAAM,CAAP,GAAY,IAAZ,GACCA,MAAM,CAAP,GAAY,IAAZ,GACCA,MAAM,CAAP,GAAY,IAAZ,GAAmB,IAHvB;CAIH,aAjB4B;CAkB7B5E,sBAAU;CACNC,wBAAQ;CADF;CAlBmB,SAAjC;;CAyBJ,SAAC,YAAW;CACJvE,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,KAA3B,EAAkC;CAC9BrF,yBAAS;CACLQ,4BAAQ,OADH;CAELP,8BAAU;CAFL,iBADqB;CAK9BO,wBAAQ,gBAAShB,KAAT,EAAgBgB,OAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAIgH,QAAQnJ,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,OAAnB,EAA2B,MAA3B,IAAqC,GAArC,GAA2C,EAAvD;CAAA,wBACIoB,MADJ;;CAGApC,4BAAQA,QAAQ,KAAhB;;;CAGAgB,8BAASA,QAAOV,OAAP,CAAe,QAAf,EAAyB,EAAzB,CAAT;;CAEA8B,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBf,KAAzB,EAAgCgB,OAAhC,EAAwCC,gBAAxC,CAAT;;CAEA,wBAAInC,SAAQE,CAAR,CAAUsD,QAAV,CAAmBF,MAAnB,EAA2B,GAA3B,CAAJ,EAAqC;CACjCA,iCAASA,OAAOO,KAAP,CAAa,EAAb,CAAT;;CAEAP,+BAAO8F,MAAP,CAAc,CAAC,CAAf,EAAkB,CAAlB,EAAqBD,QAAQ,KAA7B;;CAEA7F,iCAASA,OAAO+F,IAAP,CAAY,EAAZ,CAAT;CACH,qBAND,MAMO;CACH/F,iCAASA,SAAS6F,KAAT,GAAiB,KAA1B;CACH;;CAED,2BAAO7F,MAAP;CACH,iBA3B6B;CA4B9B3B,0BAAU,kBAASwC,MAAT,EAAiB;CACvB,2BAAO,CAAC,CAACnE,SAAQE,CAAR,CAAU2B,cAAV,CAAyBsC,MAAzB,IAAmC,MAApC,EAA4CL,OAA5C,CAAoD,EAApD,CAAR;CACH;CA9B6B,aAAlC;CAgCP,SAjCD;;CAoCA,SAAC,YAAW;CACJ,gBAAIjB,UAAU;CACVyG,sBAAM,IADI;CAEVC,0BAAU,CAAC,GAAD,EAAM,IAAN,EAAY,IAAZ,EAAkB,IAAlB,EAAwB,IAAxB,EAA8B,IAA9B,EAAoC,IAApC,EAA0C,IAA1C,EAAgD,IAAhD;CAFA,aAAd;CAAA,gBAIAC,SAAS;CACLF,sBAAM,IADD;CAELC,0BAAU,CAAC,GAAD,EAAM,KAAN,EAAa,KAAb,EAAoB,KAApB,EAA2B,KAA3B,EAAkC,KAAlC,EAAyC,KAAzC,EAAgD,KAAhD,EAAuD,KAAvD;CAFL,aAJT;;CASJ,gBAAIE,cAAe5G,QAAQ0G,QAAR,CAAiBG,MAAjB,CAAwBF,OAAOD,QAAP,CAAgBI,MAAhB,CAAuB,UAAUC,IAAV,EAAgB;CAC1E,uBAAO/G,QAAQ0G,QAAR,CAAiB9F,OAAjB,CAAyBmG,IAAzB,IAAiC,CAAxC;CACH,aAFsC,CAAxB,CAAnB;CAGI,gBAAIC,gBAAgBJ,YAAYJ,IAAZ,CAAiB,GAAjB,CAApB;;CAEAQ,4BAAgB,MAAMA,cAAcrI,OAAd,CAAsB,GAAtB,EAA2B,SAA3B,CAAN,GAA8C,GAA9D;;CAEJxB,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,OAA3B,EAAoC;CAChCrF,yBAAS;CACLQ,4BAAQ,YADH;CAELP,8BAAU,IAAI+B,MAAJ,CAAWmG,aAAX;CAFL,iBADuB;CAKhC3H,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAImB,MAAJ;CAAA,wBACIwG,QAAQ9J,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,QAAnB,EAA2B,IAA3B,IAAmCsH,MAAnC,GAA4C3G,OADxD;CAAA,wBAEIkH,SAAS/J,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,QAAnB,EAA2B,IAA3B,KAAoClC,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,QAAnB,EAA2B,KAA3B,CAApC,GAAwE,GAAxE,GAA8E,EAF3F;CAAA,wBAGIqE,KAHJ;CAAA,wBAIItD,GAJJ;CAAA,wBAKIuD,GALJ;;;CAQAtE,+BAASA,SAAOV,OAAP,CAAe,QAAf,EAAyB,EAAzB,CAAT;;CAEA,yBAAK+E,QAAQ,CAAb,EAAgBA,SAASuD,MAAMP,QAAN,CAAe9H,MAAxC,EAAgD8E,OAAhD,EAAyD;CACrDtD,8BAAMM,KAAKiB,GAAL,CAASsF,MAAMR,IAAf,EAAqB/C,KAArB,CAAN;CACAC,8BAAMjD,KAAKiB,GAAL,CAASsF,MAAMR,IAAf,EAAqB/C,QAAQ,CAA7B,CAAN;;CAEA,4BAAIrF,UAAU,IAAV,IAAkBA,UAAU,CAA5B,IAAiCA,SAAS+B,GAAT,IAAgB/B,QAAQsF,GAA7D,EAAkE;CAC9DuD,sCAAUD,MAAMP,QAAN,CAAehD,KAAf,CAAV;;CAEA,gCAAItD,MAAM,CAAV,EAAa;CACT/B,wCAAQA,QAAQ+B,GAAhB;CACH;;CAED;CACH;CACJ;;CAEDK,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBf,KAAzB,EAAgCgB,QAAhC,EAAwCC,gBAAxC,CAAT;;CAEA,2BAAOmB,SAASyG,MAAhB;CACH,iBAlC+B;CAmChCpI,0BAAU,kBAASwC,MAAT,EAAiB;CACvB,wBAAIjD,QAAQlB,SAAQE,CAAR,CAAU2B,cAAV,CAAyBsC,MAAzB,CAAZ;CAAA,wBACIoC,KADJ;CAAA,wBAEIyD,eAFJ;;CAIA,wBAAI9I,KAAJ,EAAW;CACP,6BAAKqF,QAAQ1D,QAAQ0G,QAAR,CAAiB9H,MAAjB,GAA0B,CAAvC,EAA0C8E,SAAS,CAAnD,EAAsDA,OAAtD,EAA+D;CAC3D,gCAAIvG,SAAQE,CAAR,CAAUsD,QAAV,CAAmBW,MAAnB,EAA2BtB,QAAQ0G,QAAR,CAAiBhD,KAAjB,CAA3B,CAAJ,EAAyD;CACrDyD,kDAAkBzG,KAAKiB,GAAL,CAAS3B,QAAQyG,IAAjB,EAAuB/C,KAAvB,CAAlB;;CAEA;CACH;;CAED,gCAAIvG,SAAQE,CAAR,CAAUsD,QAAV,CAAmBW,MAAnB,EAA2BqF,OAAOD,QAAP,CAAgBhD,KAAhB,CAA3B,CAAJ,EAAwD;CACpDyD,kDAAkBzG,KAAKiB,GAAL,CAASgF,OAAOF,IAAhB,EAAsB/C,KAAtB,CAAlB;;CAEA;CACH;CACJ;;CAEDrF,iCAAU8I,mBAAmB,CAA7B;CACH;;CAED,2BAAO9I,KAAP;CACH;CA3D+B,aAApC;CA6DH,SA9ED;;CAiFA,SAAC,YAAW;CACJlB,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,UAA3B,EAAuC;CACvCrF,yBAAS;CACLQ,4BAAQ;CADH,iBAD8B;CAIvCA,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAIC,SAASpC,SAAQK,OAAR,CAAgBL,SAAQY,OAAR,CAAgBL,aAAhC,CAAb;CAAA,wBACI0J,UAAU;CACNC,gCAAQhI,SAAON,KAAP,CAAa,sBAAb,EAAqC,CAArC,CADF;CAENuI,+BAAOjI,SAAON,KAAP,CAAa,sBAAb,EAAqC,CAArC;CAFD,qBADd;CAAA,wBAKI0B,MALJ;CAAA,wBAMIiB,MANJ;CAAA,wBAOIL,CAPJ;;;CAUAhC,+BAASA,SAAOV,OAAP,CAAe,UAAf,EAA2B,EAA3B,CAAT;;;CAGA8B,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBf,KAAzB,EAAgCgB,QAAhC,EAAwCC,gBAAxC,CAAT;;;CAGA,wBAAIjB,SAAS,CAAb,EAAgB;CACZ+I,gCAAQC,MAAR,GAAiBD,QAAQC,MAAR,CAAe1I,OAAf,CAAuB,QAAvB,EAAiC,EAAjC,CAAjB;CACAyI,gCAAQE,KAAR,GAAgBF,QAAQE,KAAR,CAAc3I,OAAd,CAAsB,QAAtB,EAAgC,EAAhC,CAAhB;CACH,qBAHD,MAGO,IAAIN,QAAQ,CAAR,IAAc,CAAClB,SAAQE,CAAR,CAAUsD,QAAV,CAAmByG,QAAQC,MAA3B,EAAmC,GAAnC,CAAD,IAA4C,CAAClK,SAAQE,CAAR,CAAUsD,QAAV,CAAmByG,QAAQC,MAA3B,EAAmC,GAAnC,CAA/D,EAAyG;CAC5GD,gCAAQC,MAAR,GAAiB,MAAMD,QAAQC,MAA/B;CACH;;;CAGD,yBAAKhG,IAAI,CAAT,EAAYA,IAAI+F,QAAQC,MAAR,CAAezI,MAA/B,EAAuCyC,GAAvC,EAA4C;CACxCK,iCAAS0F,QAAQC,MAAR,CAAehG,CAAf,CAAT;;CAEA,gCAAQK,MAAR;CACI,iCAAK,GAAL;CACIjB,yCAAStD,SAAQE,CAAR,CAAUwE,MAAV,CAAiBpB,MAAjB,EAAyBlB,OAAOkC,QAAP,CAAgBC,MAAzC,EAAiDL,CAAjD,CAAT;CACA;CACJ,iCAAK,GAAL;CACIZ,yCAAStD,SAAQE,CAAR,CAAUwE,MAAV,CAAiBpB,MAAjB,EAAyB,GAAzB,EAA8BY,IAAI9B,OAAOkC,QAAP,CAAgBC,MAAhB,CAAuB9C,MAA3B,GAAoC,CAAlE,CAAT;CACA;CANR;CAQH;;;CAGD,yBAAKyC,IAAI+F,QAAQE,KAAR,CAAc1I,MAAd,GAAuB,CAAhC,EAAmCyC,KAAK,CAAxC,EAA2CA,GAA3C,EAAgD;CAC5CK,iCAAS0F,QAAQE,KAAR,CAAcjG,CAAd,CAAT;;CAEA,gCAAQK,MAAR;CACI,iCAAK,GAAL;CACIjB,yCAASY,MAAM+F,QAAQE,KAAR,CAAc1I,MAAd,GAAuB,CAA7B,GAAiC6B,SAASlB,OAAOkC,QAAP,CAAgBC,MAA1D,GAAmEvE,SAAQE,CAAR,CAAUwE,MAAV,CAAiBpB,MAAjB,EAAyBlB,OAAOkC,QAAP,CAAgBC,MAAzC,EAAiD,EAAE0F,QAAQE,KAAR,CAAc1I,MAAd,IAAwB,IAAIyC,CAA5B,CAAF,CAAjD,CAA5E;CACA;CACJ,iCAAK,GAAL;CACIZ,yCAASY,MAAM+F,QAAQE,KAAR,CAAc1I,MAAd,GAAuB,CAA7B,GAAiC6B,SAAS,GAA1C,GAAgDtD,SAAQE,CAAR,CAAUwE,MAAV,CAAiBpB,MAAjB,EAAyB,GAAzB,EAA8B,EAAE2G,QAAQE,KAAR,CAAc1I,MAAd,IAAwB,IAAIyC,CAA5B,IAAiC9B,OAAOkC,QAAP,CAAgBC,MAAhB,CAAuB9C,MAAxD,GAAiE,CAAnE,CAA9B,CAAzD;CACA;CANR;CAQH;;CAGD,2BAAO6B,MAAP;CACH;CA1DsC,aAAvC;CA4DP,SA7DD;;CAgEA,SAAC,YAAW;CACJtD,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,aAA3B,EAA0C;CAC1CrF,yBAAS;CACLQ,4BAAQ,UADH;CAELP,8BAAU;CAFL,iBADiC;CAK1CO,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAImB,MAAJ;CAAA,wBACI8G,cAAc,OAAOlJ,KAAP,KAAiB,QAAjB,IAA6B,CAAClB,SAAQE,CAAR,CAAUqB,KAAV,CAAgBL,KAAhB,CAA9B,GAAuDA,MAAMmJ,aAAN,EAAvD,GAA+E,MADjG;CAAA,wBAEI7E,QAAQ4E,YAAYvG,KAAZ,CAAkB,GAAlB,CAFZ;;CAIA3B,+BAASA,SAAOV,OAAP,CAAe,cAAf,EAA+B,EAA/B,CAAT;;CAEA8B,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBH,OAAO0D,MAAM,CAAN,CAAP,CAAzB,EAA2CtD,QAA3C,EAAmDC,gBAAnD,CAAT;;CAEA,2BAAOmB,SAAS,GAAT,GAAekC,MAAM,CAAN,CAAtB;CACH,iBAfyC;CAgB1C7D,0BAAU,kBAASwC,MAAT,EAAiB;CACvB,wBAAIqB,QAAQxF,SAAQE,CAAR,CAAUsD,QAAV,CAAmBW,MAAnB,EAA2B,IAA3B,IAAmCA,OAAON,KAAP,CAAa,IAAb,CAAnC,GAAwDM,OAAON,KAAP,CAAa,IAAb,CAApE;CAAA,wBACI3C,QAAQY,OAAO0D,MAAM,CAAN,CAAP,CADZ;CAAA,wBAEIe,QAAQzE,OAAO0D,MAAM,CAAN,CAAP,CAFZ;;CAIAe,4BAAQvG,SAAQE,CAAR,CAAUsD,QAAV,CAAmBW,MAAnB,EAA2B,IAA3B,IAAmCoC,SAAS,CAAC,CAA7C,GAAiDA,KAAzD;;CAEA,6BAASkC,KAAT,CAAe3C,KAAf,EAAsB4C,IAAtB,EAA4BC,KAA5B,EAAmCC,CAAnC,EAAsC;CAClC,4BAAIJ,aAAaxI,SAAQE,CAAR,CAAUuF,gBAAV,CAA2BK,KAA3B,EAAkC4C,IAAlC,CAAjB;CAAA,4BACI4B,MAAOxE,QAAQ0C,UAAT,IAAwBE,OAAOF,UAA/B,KAA8CA,aAAaA,UAA3D,CADV;CAEA,+BAAO8B,GAAP;CACH;;CAED,2BAAOtK,SAAQE,CAAR,CAAU2E,MAAV,CAAiB,CAAC3D,KAAD,EAAQqC,KAAKiB,GAAL,CAAS,EAAT,EAAa+B,KAAb,CAAR,CAAjB,EAA+CkC,KAA/C,EAAsD,CAAtD,CAAP;CACH;CA9ByC,aAA1C;CAgCP,SAjCD;;CAoCA,SAAC,YAAW;CACJzI,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,SAA3B,EAAsC;CACtCrF,yBAAS;CACLQ,4BAAQ;CADH,iBAD6B;CAItCA,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAIC,SAASpC,SAAQK,OAAR,CAAgBL,SAAQY,OAAR,CAAgBL,aAAhC,CAAb;CAAA,wBACI+C,MADJ;CAAA,wBAEI2F,UAAUjJ,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,QAAnB,EAA2B,IAA3B,IAAmC,GAAnC,GAAyC,EAFvD;;;CAKAA,+BAASA,SAAOV,OAAP,CAAe,MAAf,EAAuB,EAAvB,CAAT;;CAEAyH,+BAAW7G,OAAO6G,OAAP,CAAe/H,KAAf,CAAX;;CAEAoC,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBf,KAAzB,EAAgCgB,QAAhC,EAAwCC,gBAAxC,CAAT;;CAEA,2BAAOmB,SAAS2F,OAAhB;CACH;CAjBqC,aAAtC;CAmBP,SApBD;;CAuBA,SAAC,YAAW;CACJjJ,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,YAA3B,EAAyC;CACzCrF,yBAAS;CACLQ,4BAAQ,KADH;CAELP,8BAAU;CAFL,iBADgC;CAKzCO,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAIgH,QAAQnJ,SAAQE,CAAR,CAAUsD,QAAV,CAAmBtB,QAAnB,EAA2B,IAA3B,IAAmC,GAAnC,GAAyC,EAArD;CAAA,wBACIoB,MADJ;;CAGA,wBAAItD,SAAQY,OAAR,CAAgBD,iBAApB,EAAuC;CACnCO,gCAAQA,QAAQ,GAAhB;CACH;;;CAGDgB,+BAASA,SAAOV,OAAP,CAAe,OAAf,EAAwB,EAAxB,CAAT;;CAEA8B,6BAAStD,SAAQE,CAAR,CAAU+B,cAAV,CAAyBf,KAAzB,EAAgCgB,QAAhC,EAAwCC,gBAAxC,CAAT;;CAEA,wBAAInC,SAAQE,CAAR,CAAUsD,QAAV,CAAmBF,MAAnB,EAA2B,GAA3B,CAAJ,EAAqC;CACjCA,iCAASA,OAAOO,KAAP,CAAa,EAAb,CAAT;;CAEAP,+BAAO8F,MAAP,CAAc,CAAC,CAAf,EAAkB,CAAlB,EAAqBD,QAAQ,GAA7B;;CAEA7F,iCAASA,OAAO+F,IAAP,CAAY,EAAZ,CAAT;CACH,qBAND,MAMO;CACH/F,iCAASA,SAAS6F,KAAT,GAAiB,GAA1B;CACH;;CAED,2BAAO7F,MAAP;CACH,iBA7BwC;CA8BzC3B,0BAAU,kBAASwC,MAAT,EAAiB;CACvB,wBAAIpD,SAASf,SAAQE,CAAR,CAAU2B,cAAV,CAAyBsC,MAAzB,CAAb;CACA,wBAAInE,SAAQY,OAAR,CAAgBD,iBAApB,EAAuC;CACnC,+BAAOI,SAAS,IAAhB;CACH;CACD,2BAAOA,MAAP;CACH;CApCwC,aAAzC;CAsCP,SAvCD;;CA0CA,SAAC,YAAW;CACJf,qBAAQ+G,QAAR,CAAiB,QAAjB,EAA2B,MAA3B,EAAmC;CACnCrF,yBAAS;CACLQ,4BAAQ,KADH;CAELP,8BAAU;CAFL,iBAD0B;CAKnCO,wBAAQ,gBAAShB,KAAT,EAAgBgB,QAAhB,EAAwBC,gBAAxB,EAA0C;CAC9C,wBAAIoI,QAAQhH,KAAKiH,KAAL,CAAWtJ,QAAQ,EAAR,GAAa,EAAxB,CAAZ;CAAA,wBACIuJ,UAAUlH,KAAKiH,KAAL,CAAW,CAACtJ,QAASqJ,QAAQ,EAAR,GAAa,EAAvB,IAA8B,EAAzC,CADd;CAAA,wBAEIG,UAAUnH,KAAK8E,KAAL,CAAWnH,QAASqJ,QAAQ,EAAR,GAAa,EAAtB,GAA6BE,UAAU,EAAlD,CAFd;;CAIA,2BAAOF,QAAQ,GAAR,IAAeE,UAAU,EAAV,GAAe,MAAMA,OAArB,GAA+BA,OAA9C,IAAyD,GAAzD,IAAgEC,UAAU,EAAV,GAAe,MAAMA,OAArB,GAA+BA,OAA/F,CAAP;CACH,iBAXkC;CAYnC/I,0BAAU,kBAASwC,MAAT,EAAiB;CACvB,wBAAIwG,YAAYxG,OAAON,KAAP,CAAa,GAAb,CAAhB;CAAA,wBACI6G,UAAU,CADd;;;CAIA,wBAAIC,UAAUlJ,MAAV,KAAqB,CAAzB,EAA4B;;CAExBiJ,kCAAUA,UAAW5I,OAAO6I,UAAU,CAAV,CAAP,IAAuB,EAAvB,GAA4B,EAAjD;;CAEAD,kCAAUA,UAAW5I,OAAO6I,UAAU,CAAV,CAAP,IAAuB,EAA5C;;CAEAD,kCAAUA,UAAU5I,OAAO6I,UAAU,CAAV,CAAP,CAApB;CACH,qBAPD,MAOO,IAAIA,UAAUlJ,MAAV,KAAqB,CAAzB,EAA4B;;CAE/BiJ,kCAAUA,UAAW5I,OAAO6I,UAAU,CAAV,CAAP,IAAuB,EAA5C;;CAEAD,kCAAUA,UAAU5I,OAAO6I,UAAU,CAAV,CAAP,CAApB;CACH;CACD,2BAAO7I,OAAO4I,OAAP,CAAP;CACH;CA/BkC,aAAnC;CAiCP,SAlCD;;CAoCA,eAAO1K,QAAP;CACC,KA5+BA,CAAD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCRA;;;;;;;;;;;;;;;;;;;;;;;;;CA+BA;CACA,IAAM4K,QAAQ;CACZC,UAAQ,IADI;CAEZ5B,WAAS,IAFG;CAGZ6B,WAAS,IAHG;CAIZhB,SAAO,aAJK;CAKZ/B,KAAG,WALS;CAMZ1E,aAAW;CANC,CAAd;;CASA;CACA;CACArD,QAAQK,OAAR,CAAgB0K,EAAhB,CAAmBhH,UAAnB,CAA8BV,SAA9B,GAA0C,GAA1C;;KAEM2H;;;;4BAKO;CACT;CAGD;;;4BAKc;CACb,aAAO,iBAAP;CACD;;;4BAEiB;CAChB,aAAO,iBAAP;CACD;;;4BAnBoB;CACnB,aAAO,qBAAP;CACD;;;4BAOgB;CACf,aAAO,YAAP;CACD;;;4BAU+B;CAC9B,aAAO,CAAC,QAAD,EAAW,QAAX,EAAqB,MAArB,CAAP;CACD;;;CAED,uBAAc;CAAA;CAAA,gHACNA,SADM;CAEb;;;;yCAEmB;CAClB;CACA,WAAKC,SAAL,GAAiB,IAAjB;;CAEA,WAAKC,gBAAL;CACA,WAAKC,iBAAL;CACD;;;8CAEwBC,MAAMC,QAAQC,QAAQ;CAC7C,qIAAkCjG,SAAlC;CACA,cAAQ+F,IAAR;CACE,aAAK,MAAL;CACE,eAAKF,gBAAL;CACA;CACF,aAAK,QAAL;CACE,eAAKK,aAAL,CAAmB,KAAKC,YAAL,CAAkB,QAAlB,CAAnB,EAAgDF,MAAhD;CACA;CACF,aAAK,QAAL;CACE,eAAKC,aAAL,CAAmBD,MAAnB,EAA2B,KAAKE,YAAL,CAAkB,QAAlB,CAA3B;CARJ;CAUD;;;yCAEmB;CAClB,UAAMC,oBAAoB,CAAClK,MAAMmK,WAAW,KAAKF,YAAL,CAAkB,QAAlB,CAAX,CAAN,CAA3B;CACA,UAAMG,uBAAuB,CAACpK,MAAMmK,WAAW,KAAKE,WAAhB,CAAN,CAA9B;;CAEA,UAAIH,iBAAJ,EAAuB;CACrB,aAAKI,YAAL,CAAkB,QAAlB,EAA4B,KAAKL,YAAL,CAAkB,QAAlB,CAA5B;CACD,OAFD,MAEO,IAAIG,oBAAJ,EAA0B;CAC/B,aAAKE,YAAL,CAAkB,QAAlB,EAA4B,KAAKD,WAAjC;CACD;CACF;;;wCAEkB;CACjB,UAAI5E,OAAO,KAAKwE,YAAL,CAAkB,MAAlB,CAAX;;CAEA,UAAIxE,QAAQ4D,MAAM5D,IAAN,CAAZ,EAAyB;CACvB,aAAK6E,YAAL,CAAkB,QAAlB,EAA4BjB,MAAM5D,IAAN,CAA5B;CACD,OAFD,MAEO;CACL,aAAK6E,YAAL,CAAkB,QAAlB,EAA4B,KAAKL,YAAL,CAAkB,QAAlB,KAA+B,GAA3D;CACD;CACF;;;mCAEalB,KAAKtD,MAAM;CACvB,UAAI,CAACsD,GAAD,IAAQ/I,MAAMmK,WAAWpB,GAAX,CAAN,CAAZ,EAAoC;CAClC,aAAKsB,WAAL,GAAmB,EAAnB;CACA,aAAKE,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,EAAsCH,WAAtC,GAAoD,EAApD;;CAEA;CACD;;CAED,WAAKA,WAAL,GAAmBtB,GAAnB;CACA,WAAKwB,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,EAAsCH,WAAtC,GAAoD,KAAKI,OAAL,CAAa1B,GAAb,EAAkBtD,IAAlB,CAApD;CACD;;;6BAEOsD,KAAKtD,MAAM;CACjB,aAAOhH,QAAQsK,GAAR,EAAapI,MAAb,CAAoB8E,IAApB,CAAP;CACD;;;GAvFqBiF;;CA0FxBA,UAAUC,MAAV,CAAiBlB,SAAjB;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-number/dist/pfe-number.umd.min.js b/elements/pfe-number/dist/pfe-number.umd.min.js
new file mode 100644
index 0000000000..fcd49dacd4
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var n="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var t,r=(function(e){var t,r;t=n,r=function(){var v,i,t,l,s,e,u={},_={},r={currentLocale:"en",zeroFormat:null,nullFormat:null,defaultFormat:"0,0",scalePercentBy100:!0},c={currentLocale:r.currentLocale,zeroFormat:r.zeroFormat,nullFormat:r.nullFormat,defaultFormat:r.defaultFormat,scalePercentBy100:r.scalePercentBy100};function a(e,t){this._input=e,this._value=t}function n(e){return t.apply(this,arguments)}return(v=function(e){var t,r,n,o;if(v.isNumeral(e))t=e.value();else if(0===e||void 0===e)t=0;else if(null===e||i.isNaN(e))t=null;else if("string"==typeof e)if(c.zeroFormat&&e===c.zeroFormat)t=0;else if(c.nullFormat&&e===c.nullFormat||!e.replace(/[^0-9]+/g,"").length)t=null;else{for(r in u)if((o="function"==typeof u[r].regexps.unformat?u[r].regexps.unformat():u[r].regexps.unformat)&&e.match(o)){n=u[r].unformat;break}t=(n=n||v._.stringToNumber)(e)}else t=Number(e)||null;return new a(e,t)}).version="2.0.6",v.isNumeral=function(e){return e instanceof a},v._=i={numberToFormat:function(e,t,r){var n,o,i,a,u,l,s,c,f=_[v.options.currentLocale],m=!1,p=!1,b="",h=1e12,d="",g=!1;if(e=e||0,i=Math.abs(e),v._.includes(t,"(")?(m=!0,t=t.replace(/[\(|\)]/g,"")):(v._.includes(t,"+")||v._.includes(t,"-"))&&(l=v._.includes(t,"+")?t.indexOf("+"):e<0?t.indexOf("-"):-1,t=t.replace(/[\+|\-]/g,"")),v._.includes(t,"a")&&(o=!!(o=t.match(/a(k|m|b|t)?/))&&o[1],v._.includes(t," a")&&(b=" "),t=t.replace(new RegExp(b+"a[kmbt]?"),""),h<=i&&!o||"t"===o?(b+=f.abbreviations.trillion,e/=h):i>>0,a=0;if(3===arguments.length)n=r;else{for(;a:host{display:inline;white-space:nowrap}\n/*# sourceMappingURL=pfe-number.min.css.map */\n"}},{key:"styleUrl",get:function(){return"pfe-number.scss"}},{key:"templateUrl",get:function(){return"pfe-number.html"}}],[{key:"version",get:function(){return"1.0.0-prerelease.51"}},{key:"tag",get:function(){return"pfe-number"}},{key:"observedAttributes",get:function(){return["number","format","type"]}}]),o(s,[{key:"connectedCallback",value:function(){a(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.connected=!0,this._determineFormat(),this._setInitialNumber()}},{key:"attributeChangedCallback",value:function(e,t,r){switch(a(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"attributeChangedCallback",this).apply(this,arguments),e){case"type":this._determineFormat();break;case"format":this._updateNumber(this.getAttribute("number"),r);break;case"number":this._updateNumber(r,this.getAttribute("format"))}}},{key:"_setInitialNumber",value:function(){var e=!isNaN(parseFloat(this.getAttribute("number"))),t=!isNaN(parseFloat(this.textContent));e?this.setAttribute("number",this.getAttribute("number")):t&&this.setAttribute("number",this.textContent)}},{key:"_determineFormat",value:function(){var e=this.getAttribute("type");e&&u[e]?this.setAttribute("format",u[e]):this.setAttribute("format",this.getAttribute("format")||"0")}},{key:"_updateNumber",value:function(e,t){if(!e||isNaN(parseFloat(e)))return this.textContent="",void(this.shadowRoot.querySelector("span").textContent="");this.textContent=e,this.shadowRoot.querySelector("span").textContent=this._format(e,t)}},{key:"_format",value:function(e,t){return r(e).format(t)}}]),s);function s(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,s),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s))}e.create(l)});
+//# sourceMappingURL=pfe-number.umd.min.js.map
diff --git a/elements/pfe-number/dist/pfe-number.umd.min.js.map b/elements/pfe-number/dist/pfe-number.umd.min.js.map
new file mode 100644
index 0000000000..66469d313c
--- /dev/null
+++ b/elements/pfe-number/dist/pfe-number.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-number.umd.min.js","sources":["../../../node_modules/numeral/numeral.js","../_temp/pfe-number.umd.js"],"sourcesContent":["/*! @preserve\n * numeral.js\n * version : 2.0.6\n * author : Adam Draper\n * license : MIT\n * http://adamwdraper.github.com/Numeral-js/\n */\n\n(function (global, factory) {\n if (typeof define === 'function' && define.amd) {\n define(factory);\n } else if (typeof module === 'object' && module.exports) {\n module.exports = factory();\n } else {\n global.numeral = factory();\n }\n}(this, function () {\n /************************************\n Variables\n ************************************/\n\n var numeral,\n _,\n VERSION = '2.0.6',\n formats = {},\n locales = {},\n defaults = {\n currentLocale: 'en',\n zeroFormat: null,\n nullFormat: null,\n defaultFormat: '0,0',\n scalePercentBy100: true\n },\n options = {\n currentLocale: defaults.currentLocale,\n zeroFormat: defaults.zeroFormat,\n nullFormat: defaults.nullFormat,\n defaultFormat: defaults.defaultFormat,\n scalePercentBy100: defaults.scalePercentBy100\n };\n\n\n /************************************\n Constructors\n ************************************/\n\n // Numeral prototype object\n function Numeral(input, number) {\n this._input = input;\n\n this._value = number;\n }\n\n numeral = function(input) {\n var value,\n kind,\n unformatFunction,\n regexp;\n\n if (numeral.isNumeral(input)) {\n value = input.value();\n } else if (input === 0 || typeof input === 'undefined') {\n value = 0;\n } else if (input === null || _.isNaN(input)) {\n value = null;\n } else if (typeof input === 'string') {\n if (options.zeroFormat && input === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && input === options.nullFormat || !input.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n for (kind in formats) {\n regexp = typeof formats[kind].regexps.unformat === 'function' ? formats[kind].regexps.unformat() : formats[kind].regexps.unformat;\n\n if (regexp && input.match(regexp)) {\n unformatFunction = formats[kind].unformat;\n\n break;\n }\n }\n\n unformatFunction = unformatFunction || numeral._.stringToNumber;\n\n value = unformatFunction(input);\n }\n } else {\n value = Number(input)|| null;\n }\n\n return new Numeral(input, value);\n };\n\n // version number\n numeral.version = VERSION;\n\n // compare numeral object\n numeral.isNumeral = function(obj) {\n return obj instanceof Numeral;\n };\n\n // helper functions\n numeral._ = _ = {\n // formats numbers separators, decimals places, signs, abbreviations\n numberToFormat: function(value, format, roundingFunction) {\n var locale = locales[numeral.options.currentLocale],\n negP = false,\n optDec = false,\n leadingCount = 0,\n abbr = '',\n trillion = 1000000000000,\n billion = 1000000000,\n million = 1000000,\n thousand = 1000,\n decimal = '',\n neg = false,\n abbrForce, // force abbreviation\n abs,\n min,\n max,\n power,\n int,\n precision,\n signed,\n thousands,\n output;\n\n // make sure we never format a null value\n value = value || 0;\n\n abs = Math.abs(value);\n\n // see if we should use parentheses for negative number or if we should prefix with a sign\n // if both are present we default to parentheses\n if (numeral._.includes(format, '(')) {\n negP = true;\n format = format.replace(/[\\(|\\)]/g, '');\n } else if (numeral._.includes(format, '+') || numeral._.includes(format, '-')) {\n signed = numeral._.includes(format, '+') ? format.indexOf('+') : value < 0 ? format.indexOf('-') : -1;\n format = format.replace(/[\\+|\\-]/g, '');\n }\n\n // see if abbreviation is wanted\n if (numeral._.includes(format, 'a')) {\n abbrForce = format.match(/a(k|m|b|t)?/);\n\n abbrForce = abbrForce ? abbrForce[1] : false;\n\n // check for space before abbreviation\n if (numeral._.includes(format, ' a')) {\n abbr = ' ';\n }\n\n format = format.replace(new RegExp(abbr + 'a[kmbt]?'), '');\n\n if (abs >= trillion && !abbrForce || abbrForce === 't') {\n // trillion\n abbr += locale.abbreviations.trillion;\n value = value / trillion;\n } else if (abs < trillion && abs >= billion && !abbrForce || abbrForce === 'b') {\n // billion\n abbr += locale.abbreviations.billion;\n value = value / billion;\n } else if (abs < billion && abs >= million && !abbrForce || abbrForce === 'm') {\n // million\n abbr += locale.abbreviations.million;\n value = value / million;\n } else if (abs < million && abs >= thousand && !abbrForce || abbrForce === 'k') {\n // thousand\n abbr += locale.abbreviations.thousand;\n value = value / thousand;\n }\n }\n\n // check for optional decimals\n if (numeral._.includes(format, '[.]')) {\n optDec = true;\n format = format.replace('[.]', '.');\n }\n\n // break number and format\n int = value.toString().split('.')[0];\n precision = format.split('.')[1];\n thousands = format.indexOf(',');\n leadingCount = (format.split('.')[0].split(',')[0].match(/0/g) || []).length;\n\n if (precision) {\n if (numeral._.includes(precision, '[')) {\n precision = precision.replace(']', '');\n precision = precision.split('[');\n decimal = numeral._.toFixed(value, (precision[0].length + precision[1].length), roundingFunction, precision[1].length);\n } else {\n decimal = numeral._.toFixed(value, precision.length, roundingFunction);\n }\n\n int = decimal.split('.')[0];\n\n if (numeral._.includes(decimal, '.')) {\n decimal = locale.delimiters.decimal + decimal.split('.')[1];\n } else {\n decimal = '';\n }\n\n if (optDec && Number(decimal.slice(1)) === 0) {\n decimal = '';\n }\n } else {\n int = numeral._.toFixed(value, 0, roundingFunction);\n }\n\n // check abbreviation again after rounding\n if (abbr && !abbrForce && Number(int) >= 1000 && abbr !== locale.abbreviations.trillion) {\n int = String(Number(int) / 1000);\n\n switch (abbr) {\n case locale.abbreviations.thousand:\n abbr = locale.abbreviations.million;\n break;\n case locale.abbreviations.million:\n abbr = locale.abbreviations.billion;\n break;\n case locale.abbreviations.billion:\n abbr = locale.abbreviations.trillion;\n break;\n }\n }\n\n\n // format number\n if (numeral._.includes(int, '-')) {\n int = int.slice(1);\n neg = true;\n }\n\n if (int.length < leadingCount) {\n for (var i = leadingCount - int.length; i > 0; i--) {\n int = '0' + int;\n }\n }\n\n if (thousands > -1) {\n int = int.toString().replace(/(\\d)(?=(\\d{3})+(?!\\d))/g, '$1' + locale.delimiters.thousands);\n }\n\n if (format.indexOf('.') === 0) {\n int = '';\n }\n\n output = int + decimal + (abbr ? abbr : '');\n\n if (negP) {\n output = (negP && neg ? '(' : '') + output + (negP && neg ? ')' : '');\n } else {\n if (signed >= 0) {\n output = signed === 0 ? (neg ? '-' : '+') + output : output + (neg ? '-' : '+');\n } else if (neg) {\n output = '-' + output;\n }\n }\n\n return output;\n },\n // unformats numbers separators, decimals places, signs, abbreviations\n stringToNumber: function(string) {\n var locale = locales[options.currentLocale],\n stringOriginal = string,\n abbreviations = {\n thousand: 3,\n million: 6,\n billion: 9,\n trillion: 12\n },\n abbreviation,\n value,\n i,\n regexp;\n\n if (options.zeroFormat && string === options.zeroFormat) {\n value = 0;\n } else if (options.nullFormat && string === options.nullFormat || !string.replace(/[^0-9]+/g, '').length) {\n value = null;\n } else {\n value = 1;\n\n if (locale.delimiters.decimal !== '.') {\n string = string.replace(/\\./g, '').replace(locale.delimiters.decimal, '.');\n }\n\n for (abbreviation in abbreviations) {\n regexp = new RegExp('[^a-zA-Z]' + locale.abbreviations[abbreviation] + '(?:\\\\)|(\\\\' + locale.currency.symbol + ')?(?:\\\\))?)?$');\n\n if (stringOriginal.match(regexp)) {\n value *= Math.pow(10, abbreviations[abbreviation]);\n break;\n }\n }\n\n // check for negative number\n value *= (string.split('-').length + Math.min(string.split('(').length - 1, string.split(')').length - 1)) % 2 ? 1 : -1;\n\n // remove non numbers\n string = string.replace(/[^0-9\\.]+/g, '');\n\n value *= Number(string);\n }\n\n return value;\n },\n isNaN: function(value) {\n return typeof value === 'number' && isNaN(value);\n },\n includes: function(string, search) {\n return string.indexOf(search) !== -1;\n },\n insert: function(string, subString, start) {\n return string.slice(0, start) + subString + string.slice(start);\n },\n reduce: function(array, callback /*, initialValue*/) {\n if (this === null) {\n throw new TypeError('Array.prototype.reduce called on null or undefined');\n }\n\n if (typeof callback !== 'function') {\n throw new TypeError(callback + ' is not a function');\n }\n\n var t = Object(array),\n len = t.length >>> 0,\n k = 0,\n value;\n\n if (arguments.length === 3) {\n value = arguments[2];\n } else {\n while (k < len && !(k in t)) {\n k++;\n }\n\n if (k >= len) {\n throw new TypeError('Reduce of empty array with no initial value');\n }\n\n value = t[k++];\n }\n for (; k < len; k++) {\n if (k in t) {\n value = callback(value, t[k], k, t);\n }\n }\n return value;\n },\n /**\n * Computes the multiplier necessary to make x >= 1,\n * effectively eliminating miscalculations caused by\n * finite precision.\n */\n multiplier: function (x) {\n var parts = x.toString().split('.');\n\n return parts.length < 2 ? 1 : Math.pow(10, parts[1].length);\n },\n /**\n * Given a variable number of arguments, returns the maximum\n * multiplier that must be used to normalize an operation involving\n * all of them.\n */\n correctionFactor: function () {\n var args = Array.prototype.slice.call(arguments);\n\n return args.reduce(function(accum, next) {\n var mn = _.multiplier(next);\n return accum > mn ? accum : mn;\n }, 1);\n },\n /**\n * Implementation of toFixed() that treats floats more like decimals\n *\n * Fixes binary rounding issues (eg. (0.615).toFixed(2) === '0.61') that present\n * problems for accounting- and finance-related software.\n */\n toFixed: function(value, maxDecimals, roundingFunction, optionals) {\n var splitValue = value.toString().split('.'),\n minDecimals = maxDecimals - (optionals || 0),\n boundedPrecision,\n optionalsRegExp,\n power,\n output;\n\n // Use the smallest precision value possible to avoid errors from floating point representation\n if (splitValue.length === 2) {\n boundedPrecision = Math.min(Math.max(splitValue[1].length, minDecimals), maxDecimals);\n } else {\n boundedPrecision = minDecimals;\n }\n\n power = Math.pow(10, boundedPrecision);\n\n // Multiply up by precision, round accurately, then divide and use native toFixed():\n output = (roundingFunction(value + 'e+' + boundedPrecision) / power).toFixed(boundedPrecision);\n\n if (optionals > maxDecimals - boundedPrecision) {\n optionalsRegExp = new RegExp('\\\\.?0{1,' + (optionals - (maxDecimals - boundedPrecision)) + '}$');\n output = output.replace(optionalsRegExp, '');\n }\n\n return output;\n }\n };\n\n // avaliable options\n numeral.options = options;\n\n // avaliable formats\n numeral.formats = formats;\n\n // avaliable formats\n numeral.locales = locales;\n\n // This function sets the current locale. If\n // no arguments are passed in, it will simply return the current global\n // locale key.\n numeral.locale = function(key) {\n if (key) {\n options.currentLocale = key.toLowerCase();\n }\n\n return options.currentLocale;\n };\n\n // This function provides access to the loaded locale data. If\n // no arguments are passed in, it will simply return the current\n // global locale object.\n numeral.localeData = function(key) {\n if (!key) {\n return locales[options.currentLocale];\n }\n\n key = key.toLowerCase();\n\n if (!locales[key]) {\n throw new Error('Unknown locale : ' + key);\n }\n\n return locales[key];\n };\n\n numeral.reset = function() {\n for (var property in defaults) {\n options[property] = defaults[property];\n }\n };\n\n numeral.zeroFormat = function(format) {\n options.zeroFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.nullFormat = function (format) {\n options.nullFormat = typeof(format) === 'string' ? format : null;\n };\n\n numeral.defaultFormat = function(format) {\n options.defaultFormat = typeof(format) === 'string' ? format : '0.0';\n };\n\n numeral.register = function(type, name, format) {\n name = name.toLowerCase();\n\n if (this[type + 's'][name]) {\n throw new TypeError(name + ' ' + type + ' already registered.');\n }\n\n this[type + 's'][name] = format;\n\n return format;\n };\n\n\n numeral.validate = function(val, culture) {\n var _decimalSep,\n _thousandSep,\n _currSymbol,\n _valArray,\n _abbrObj,\n _thousandRegEx,\n localeData,\n temp;\n\n //coerce val to string\n if (typeof val !== 'string') {\n val += '';\n\n if (console.warn) {\n console.warn('Numeral.js: Value is not string. It has been co-erced to: ', val);\n }\n }\n\n //trim whitespaces from either sides\n val = val.trim();\n\n //if val is just digits return true\n if (!!val.match(/^\\d+$/)) {\n return true;\n }\n\n //if val is empty return false\n if (val === '') {\n return false;\n }\n\n //get the decimal and thousands separator from numeral.localeData\n try {\n //check if the culture is understood by numeral. if not, default it to current locale\n localeData = numeral.localeData(culture);\n } catch (e) {\n localeData = numeral.localeData(numeral.locale());\n }\n\n //setup the delimiters and currency symbol based on culture/locale\n _currSymbol = localeData.currency.symbol;\n _abbrObj = localeData.abbreviations;\n _decimalSep = localeData.delimiters.decimal;\n if (localeData.delimiters.thousands === '.') {\n _thousandSep = '\\\\.';\n } else {\n _thousandSep = localeData.delimiters.thousands;\n }\n\n // validating currency symbol\n temp = val.match(/^[^\\d]+/);\n if (temp !== null) {\n val = val.substr(1);\n if (temp[0] !== _currSymbol) {\n return false;\n }\n }\n\n //validating abbreviation symbol\n temp = val.match(/[^\\d]+$/);\n if (temp !== null) {\n val = val.slice(0, -1);\n if (temp[0] !== _abbrObj.thousand && temp[0] !== _abbrObj.million && temp[0] !== _abbrObj.billion && temp[0] !== _abbrObj.trillion) {\n return false;\n }\n }\n\n _thousandRegEx = new RegExp(_thousandSep + '{2}');\n\n if (!val.match(/[^\\d.,]/g)) {\n _valArray = val.split(_decimalSep);\n if (_valArray.length > 2) {\n return false;\n } else {\n if (_valArray.length < 2) {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx));\n } else {\n if (_valArray[0].length === 1) {\n return ( !! _valArray[0].match(/^\\d+$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n } else {\n return ( !! _valArray[0].match(/^\\d+.*\\d$/) && !_valArray[0].match(_thousandRegEx) && !! _valArray[1].match(/^\\d+$/));\n }\n }\n }\n }\n\n return false;\n };\n\n\n /************************************\n Numeral Prototype\n ************************************/\n\n numeral.fn = Numeral.prototype = {\n clone: function() {\n return numeral(this);\n },\n format: function(inputString, roundingFunction) {\n var value = this._value,\n format = inputString || options.defaultFormat,\n kind,\n output,\n formatFunction;\n\n // make sure we have a roundingFunction\n roundingFunction = roundingFunction || Math.round;\n\n // format based on value\n if (value === 0 && options.zeroFormat !== null) {\n output = options.zeroFormat;\n } else if (value === null && options.nullFormat !== null) {\n output = options.nullFormat;\n } else {\n for (kind in formats) {\n if (format.match(formats[kind].regexps.format)) {\n formatFunction = formats[kind].format;\n\n break;\n }\n }\n\n formatFunction = formatFunction || numeral._.numberToFormat;\n\n output = formatFunction(value, format, roundingFunction);\n }\n\n return output;\n },\n value: function() {\n return this._value;\n },\n input: function() {\n return this._input;\n },\n set: function(value) {\n this._value = Number(value);\n\n return this;\n },\n add: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum + Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([this._value, value], cback, 0) / corrFactor;\n\n return this;\n },\n subtract: function(value) {\n var corrFactor = _.correctionFactor.call(null, this._value, value);\n\n function cback(accum, curr, currI, O) {\n return accum - Math.round(corrFactor * curr);\n }\n\n this._value = _.reduce([value], cback, Math.round(this._value * corrFactor)) / corrFactor;\n\n return this;\n },\n multiply: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) * Math.round(curr * corrFactor) / Math.round(corrFactor * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback, 1);\n\n return this;\n },\n divide: function(value) {\n function cback(accum, curr, currI, O) {\n var corrFactor = _.correctionFactor(accum, curr);\n return Math.round(accum * corrFactor) / Math.round(curr * corrFactor);\n }\n\n this._value = _.reduce([this._value, value], cback);\n\n return this;\n },\n difference: function(value) {\n return Math.abs(numeral(this._value).subtract(value).value());\n }\n };\n\n /************************************\n Default Locale && Format\n ************************************/\n\n numeral.register('locale', 'en', {\n delimiters: {\n thousands: ',',\n decimal: '.'\n },\n abbreviations: {\n thousand: 'k',\n million: 'm',\n billion: 'b',\n trillion: 't'\n },\n ordinal: function(number) {\n var b = number % 10;\n return (~~(number % 100 / 10) === 1) ? 'th' :\n (b === 1) ? 'st' :\n (b === 2) ? 'nd' :\n (b === 3) ? 'rd' : 'th';\n },\n currency: {\n symbol: '$'\n }\n });\n\n \n\n(function() {\n numeral.register('format', 'bps', {\n regexps: {\n format: /(BPS)/,\n unformat: /(BPS)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' BPS') ? ' ' : '',\n output;\n\n value = value * 10000;\n\n // check for space before BPS\n format = format.replace(/\\s?BPS/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + 'BPS');\n\n output = output.join('');\n } else {\n output = output + space + 'BPS';\n }\n\n return output;\n },\n unformat: function(string) {\n return +(numeral._.stringToNumber(string) * 0.0001).toFixed(15);\n }\n });\n})();\n\n\n(function() {\n var decimal = {\n base: 1000,\n suffixes: ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']\n },\n binary = {\n base: 1024,\n suffixes: ['B', 'KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']\n };\n\n var allSuffixes = decimal.suffixes.concat(binary.suffixes.filter(function (item) {\n return decimal.suffixes.indexOf(item) < 0;\n }));\n var unformatRegex = allSuffixes.join('|');\n // Allow support for BPS (http://www.investopedia.com/terms/b/basispoint.asp)\n unformatRegex = '(' + unformatRegex.replace('B', 'B(?!PS)') + ')';\n\n numeral.register('format', 'bytes', {\n regexps: {\n format: /([0\\s]i?b)/,\n unformat: new RegExp(unformatRegex)\n },\n format: function(value, format, roundingFunction) {\n var output,\n bytes = numeral._.includes(format, 'ib') ? binary : decimal,\n suffix = numeral._.includes(format, ' b') || numeral._.includes(format, ' ib') ? ' ' : '',\n power,\n min,\n max;\n\n // check for space before\n format = format.replace(/\\s?i?b/, '');\n\n for (power = 0; power <= bytes.suffixes.length; power++) {\n min = Math.pow(bytes.base, power);\n max = Math.pow(bytes.base, power + 1);\n\n if (value === null || value === 0 || value >= min && value < max) {\n suffix += bytes.suffixes[power];\n\n if (min > 0) {\n value = value / min;\n }\n\n break;\n }\n }\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + suffix;\n },\n unformat: function(string) {\n var value = numeral._.stringToNumber(string),\n power,\n bytesMultiplier;\n\n if (value) {\n for (power = decimal.suffixes.length - 1; power >= 0; power--) {\n if (numeral._.includes(string, decimal.suffixes[power])) {\n bytesMultiplier = Math.pow(decimal.base, power);\n\n break;\n }\n\n if (numeral._.includes(string, binary.suffixes[power])) {\n bytesMultiplier = Math.pow(binary.base, power);\n\n break;\n }\n }\n\n value *= (bytesMultiplier || 1);\n }\n\n return value;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'currency', {\n regexps: {\n format: /(\\$)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n symbols = {\n before: format.match(/^([\\+|\\-|\\(|\\s|\\$]*)/)[0],\n after: format.match(/([\\+|\\-|\\)|\\s|\\$]*)$/)[0]\n },\n output,\n symbol,\n i;\n\n // strip format of spaces and $\n format = format.replace(/\\s?\\$\\s?/, '');\n\n // format the number\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n // update the before and after based on value\n if (value >= 0) {\n symbols.before = symbols.before.replace(/[\\-\\(]/, '');\n symbols.after = symbols.after.replace(/[\\-\\)]/, '');\n } else if (value < 0 && (!numeral._.includes(symbols.before, '-') && !numeral._.includes(symbols.before, '('))) {\n symbols.before = '-' + symbols.before;\n }\n\n // loop through each before symbol\n for (i = 0; i < symbols.before.length; i++) {\n symbol = symbols.before[i];\n\n switch (symbol) {\n case '$':\n output = numeral._.insert(output, locale.currency.symbol, i);\n break;\n case ' ':\n output = numeral._.insert(output, ' ', i + locale.currency.symbol.length - 1);\n break;\n }\n }\n\n // loop through each after symbol\n for (i = symbols.after.length - 1; i >= 0; i--) {\n symbol = symbols.after[i];\n\n switch (symbol) {\n case '$':\n output = i === symbols.after.length - 1 ? output + locale.currency.symbol : numeral._.insert(output, locale.currency.symbol, -(symbols.after.length - (1 + i)));\n break;\n case ' ':\n output = i === symbols.after.length - 1 ? output + ' ' : numeral._.insert(output, ' ', -(symbols.after.length - (1 + i) + locale.currency.symbol.length - 1));\n break;\n }\n }\n\n\n return output;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'exponential', {\n regexps: {\n format: /(e\\+|e-)/,\n unformat: /(e\\+|e-)/\n },\n format: function(value, format, roundingFunction) {\n var output,\n exponential = typeof value === 'number' && !numeral._.isNaN(value) ? value.toExponential() : '0e+0',\n parts = exponential.split('e');\n\n format = format.replace(/e[\\+|\\-]{1}0/, '');\n\n output = numeral._.numberToFormat(Number(parts[0]), format, roundingFunction);\n\n return output + 'e' + parts[1];\n },\n unformat: function(string) {\n var parts = numeral._.includes(string, 'e+') ? string.split('e+') : string.split('e-'),\n value = Number(parts[0]),\n power = Number(parts[1]);\n\n power = numeral._.includes(string, 'e-') ? power *= -1 : power;\n\n function cback(accum, curr, currI, O) {\n var corrFactor = numeral._.correctionFactor(accum, curr),\n num = (accum * corrFactor) * (curr * corrFactor) / (corrFactor * corrFactor);\n return num;\n }\n\n return numeral._.reduce([value, Math.pow(10, power)], cback, 1);\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'ordinal', {\n regexps: {\n format: /(o)/\n },\n format: function(value, format, roundingFunction) {\n var locale = numeral.locales[numeral.options.currentLocale],\n output,\n ordinal = numeral._.includes(format, ' o') ? ' ' : '';\n\n // check for space before\n format = format.replace(/\\s?o/, '');\n\n ordinal += locale.ordinal(value);\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n return output + ordinal;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'percentage', {\n regexps: {\n format: /(%)/,\n unformat: /(%)/\n },\n format: function(value, format, roundingFunction) {\n var space = numeral._.includes(format, ' %') ? ' ' : '',\n output;\n\n if (numeral.options.scalePercentBy100) {\n value = value * 100;\n }\n\n // check for space before %\n format = format.replace(/\\s?\\%/, '');\n\n output = numeral._.numberToFormat(value, format, roundingFunction);\n\n if (numeral._.includes(output, ')')) {\n output = output.split('');\n\n output.splice(-1, 0, space + '%');\n\n output = output.join('');\n } else {\n output = output + space + '%';\n }\n\n return output;\n },\n unformat: function(string) {\n var number = numeral._.stringToNumber(string);\n if (numeral.options.scalePercentBy100) {\n return number * 0.01;\n }\n return number;\n }\n });\n})();\n\n\n(function() {\n numeral.register('format', 'time', {\n regexps: {\n format: /(:)/,\n unformat: /(:)/\n },\n format: function(value, format, roundingFunction) {\n var hours = Math.floor(value / 60 / 60),\n minutes = Math.floor((value - (hours * 60 * 60)) / 60),\n seconds = Math.round(value - (hours * 60 * 60) - (minutes * 60));\n\n return hours + ':' + (minutes < 10 ? '0' + minutes : minutes) + ':' + (seconds < 10 ? '0' + seconds : seconds);\n },\n unformat: function(string) {\n var timeArray = string.split(':'),\n seconds = 0;\n\n // turn hours and minutes into seconds and add them all up\n if (timeArray.length === 3) {\n // hours\n seconds = seconds + (Number(timeArray[0]) * 60 * 60);\n // minutes\n seconds = seconds + (Number(timeArray[1]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[2]);\n } else if (timeArray.length === 2) {\n // minutes\n seconds = seconds + (Number(timeArray[0]) * 60);\n // seconds\n seconds = seconds + Number(timeArray[1]);\n }\n return Number(seconds);\n }\n });\n})();\n\nreturn numeral;\n}));\n","/*!\n * PatternFly Elements: PfeNumber 1.0.0-prerelease.51\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\n// Import polyfills: isNaN\nimport \"./polyfills--pfe-number.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\nimport numeral from \"numeral\";\n\n// easy aliases for common format strings\nconst types = {\n abbrev: \"0a\", // or 'approx'?\n ordinal: \"0o\",\n percent: \"0%\",\n bytes: \"0[.][00] ib\",\n e: \"0[.00]e+0\",\n thousands: \"0,0[.][00]\"\n};\n\n// use thin spaces to separate thousands chunks\n// debugger;\nnumeral.locales.en.delimiters.thousands = \" \";\n\nclass PfeNumber extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.51\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-number\";\n }\n\n get styleUrl() {\n return \"pfe-number.scss\";\n }\n\n get templateUrl() {\n return \"pfe-number.html\";\n }\n\n static get observedAttributes() {\n return [\"number\", \"format\", \"type\"];\n }\n\n constructor() {\n super(PfeNumber);\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.connected = true;\n\n this._determineFormat();\n this._setInitialNumber();\n }\n\n attributeChangedCallback(attr, oldVal, newVal) {\n super.attributeChangedCallback(...arguments);\n switch (attr) {\n case \"type\":\n this._determineFormat();\n break;\n case \"format\":\n this._updateNumber(this.getAttribute(\"number\"), newVal);\n break;\n case \"number\":\n this._updateNumber(newVal, this.getAttribute(\"format\"));\n }\n }\n\n _setInitialNumber() {\n const numberAttrDefined = !isNaN(parseFloat(this.getAttribute(\"number\")));\n const numberContentDefined = !isNaN(parseFloat(this.textContent));\n\n if (numberAttrDefined) {\n this.setAttribute(\"number\", this.getAttribute(\"number\"));\n } else if (numberContentDefined) {\n this.setAttribute(\"number\", this.textContent);\n }\n }\n\n _determineFormat() {\n let type = this.getAttribute(\"type\");\n\n if (type && types[type]) {\n this.setAttribute(\"format\", types[type]);\n } else {\n this.setAttribute(\"format\", this.getAttribute(\"format\") || \"0\");\n }\n }\n\n _updateNumber(num, type) {\n if (!num || isNaN(parseFloat(num))) {\n this.textContent = \"\";\n this.shadowRoot.querySelector(\"span\").textContent = \"\";\n\n return;\n }\n\n this.textContent = num;\n this.shadowRoot.querySelector(\"span\").textContent = this._format(num, type);\n }\n\n _format(num, type) {\n return numeral(num).format(type);\n }\n}\n\nPFElement.create(PfeNumber);\n"],"names":["global","factory","this","numeral","_","decimal","binary","unformatRegex","formats","locales","defaults","options","currentLocale","zeroFormat","nullFormat","defaultFormat","scalePercentBy100","Numeral","input","number","_input","_value","value","kind","unformatFunction","regexp","isNumeral","isNaN","replace","length","regexps","unformat","match","stringToNumber","Number","version","obj","format","roundingFunction","leadingCount","abbrForce","int","precision","signed","thousands","output","locale","negP","optDec","abbr","trillion","neg","Math","abs","includes","indexOf","RegExp","abbreviations","billion","million","thousand","toString","split","toFixed","delimiters","slice","String","i","string","abbreviation","stringOriginal","currency","symbol","pow","min","search","subString","start","array","callback","TypeError","t","Object","len","k","arguments","x","parts","Array","prototype","call","reduce","accum","next","mn","multiplier","maxDecimals","optionals","boundedPrecision","optionalsRegExp","power","splitValue","minDecimals","max","key","toLowerCase","localeData","Error","reset","property","register","type","name","validate","val","culture","_decimalSep","_thousandSep","_currSymbol","_valArray","_abbrObj","_thousandRegEx","temp","console","warn","trim","e","substr","fn","inputString","formatFunction","round","numberToFormat","corrFactor","correctionFactor","curr","currI","O","subtract","b","space","splice","join","suffixes","concat","filter","item","bytes","suffix","base","bytesMultiplier","symbols","before","after","insert","toExponential","ordinal","hours","floor","minutes","seconds","timeArray","module","exports","types","en","PfeNumber","PFElement","connected","_determineFormat","_setInitialNumber","attr","oldVal","newVal","_updateNumber","getAttribute","numberAttrDefined","parseFloat","numberContentDefined","textContent","setAttribute","num","shadowRoot","querySelector","_format","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-page-status/dist/pfe-page-status.js b/elements/pfe-page-status/dist/pfe-page-status.js
new file mode 100644
index 0000000000..f099a92b6b
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.js
@@ -0,0 +1,100 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfePageStatus extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
`;
+ }
+
+ static get properties() {
+ return {"status":{"title":"Status","type":"string","enum":["default","moderate","warning","important","critical","success","info","normal","accent","complement"],"default":"default","prefixed":true,"observer":"_basicAttributeChanged"}};
+ }
+
+ static get slots() {
+ return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-page-status";
+ }
+
+ get schemaUrl() {
+ return "pfe-page-status.json";
+ }
+
+ get templateUrl() {
+ return "pfe-page-status.html";
+ }
+
+ get styleUrl() {
+ return "pfe-page-status.scss";
+ }
+
+ static get observedAttributes() {
+ return ["pfe-status"];
+ }
+
+ // Declare the type of this component
+ static get PfeType() {
+ return PFElement.PfeTypes.Content;
+ }
+
+ constructor() {
+ super(PfePageStatus);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(attr, oldValue, newValue);
+ // Strip the prefix form the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ let observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+
+ _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+}
+
+PFElement.create(PfePageStatus);
+
+export default PfePageStatus;
+//# sourceMappingURL=pfe-page-status.js.map
diff --git a/elements/pfe-page-status/dist/pfe-page-status.js.map b/elements/pfe-page-status/dist/pfe-page-status.js.map
new file mode 100644
index 0000000000..af6d12d090
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-page-status.js","sources":["../_temp/pfe-page-status.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
`;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,aAAa,SAAS,SAAS,CAAC;EACpC,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;6EAEiE,CAAC,CAAC;GAC5E;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC,CAAC;GAC7O;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5G;EACD,WAAW,GAAG,GAAG;IACf,OAAO,iBAAiB,CAAC;GAC1B;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,sBAAsB,CAAC;GAC/B;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,sBAAsB,CAAC;GAC/B;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,sBAAsB,CAAC;GAC/B;;EAED,WAAW,kBAAkB,GAAG;IAC9B,OAAO,CAAC,YAAY,CAAC,CAAC;GACvB;;;EAGD,WAAW,OAAO,GAAG;IACnB,OAAO,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC;GACnC;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,aAAa,CAAC,CAAC;GACtB;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;GAC3B;;EAED,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE;IACjD,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;;IAEzD,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;;IAEhC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE;;MAErC,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;MAEpD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACxE;GACF;;EAED,sBAAsB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE;IAC/C,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC;GAC7B;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-page-status/dist/pfe-page-status.json b/elements/pfe-page-status/dist/pfe-page-status.json
new file mode 100644
index 0000000000..3f26907106
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.json
@@ -0,0 +1,57 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Page status",
+ "description": "This element creates a flag/banner on the right side of the page denoting the status of the page or Doc the author is viewing.",
+ "type": "object",
+ "tag": "pfe-page-status",
+ "class": "pfe-page-status",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "content": {
+ "title": "Content",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "status": {
+ "title": "Status",
+ "type": "string",
+ "enum": [
+ "default",
+ "moderate",
+ "warning",
+ "important",
+ "critical",
+ "success",
+ "info",
+ "normal",
+ "accent",
+ "complement"
+ ],
+ "default": "default",
+ "prefixed": true,
+ "observer": "_basicAttributeChanged"
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-page-status/dist/pfe-page-status.min.js b/elements/pfe-page-status/dist/pfe-page-status.min.js
new file mode 100644
index 0000000000..b05a66adcf
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class t extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'
'}static get properties(){return{status:{title:"Status",type:"string",enum:["default","moderate","warning","important","critical","success","info","normal","accent","complement"],default:"default",prefixed:!0,observer:"_basicAttributeChanged"}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-page-status"}get schemaUrl(){return"pfe-page-status.json"}get templateUrl(){return"pfe-page-status.html"}get styleUrl(){return"pfe-page-status.scss"}static get observedAttributes(){return["pfe-status"]}static get PfeType(){return e.PfeTypes.Content}constructor(){super(t)}connectedCallback(){super.connectedCallback()}attributeChangedCallback(e,t,a){if(super.attributeChangedCallback(e,t,a),this[e=e.replace("pfe-","")]&&this[e].observer){let r=this[this[e].observer].bind(this);"function"==typeof r&&r(e,t,a)}}_basicAttributeChanged(e,t,a){this[e].value=a}}e.create(t);export default t;
+//# sourceMappingURL=pfe-page-status.min.js.map
diff --git a/elements/pfe-page-status/dist/pfe-page-status.min.js.map b/elements/pfe-page-status/dist/pfe-page-status.min.js.map
new file mode 100644
index 0000000000..de38d3316f
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-page-status.min.js","sources":["../_temp/pfe-page-status.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
`;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","version","html","properties","status","title","type","enum","default","prefixed","observer","slots","content","namedSlot","items","oneOf","$ref","tag","schemaUrl","templateUrl","styleUrl","observedAttributes","PfeType","PfeTypes","Content","[object Object]","super","connectedCallback","attr","oldValue","newValue","attributeChangedCallback","this","replace","bind","value","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAAsBC,EAC1BC,qBACE,MAAO,sBAGTC,WACE,MAAO,yhFAKTC,wBACE,MAAO,CAACC,OAAS,CAACC,MAAQ,SAASC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,UAAU,YAAY,WAAW,UAAU,OAAO,SAAS,SAAS,cAAcC,QAAU,UAAUC,UAAW,EAAKC,SAAW,2BAGnNC,mBACE,MAAO,CAACC,QAAU,CAACP,MAAQ,UAAUC,KAAO,QAAQO,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAElGC,iBACE,MAAO,kBAGTC,gBACE,MAAO,uBAGTC,kBACE,MAAO,uBAGTC,eACE,MAAO,uBAGTC,gCACE,MAAO,CAAC,cAIVC,qBACE,OAAOtB,EAAUuB,SAASC,QAG5BC,cACEC,MAAM3B,GAGR0B,oBACEC,MAAMC,oBAGRF,yBAAyBG,EAAMC,EAAUC,GAKvC,GAJAJ,MAAMK,yBAAyBH,EAAMC,EAAUC,GAI3CE,KAFJJ,EAAOA,EAAKK,QAAQ,OAAQ,MAEVD,KAAKJ,GAAMlB,SAAU,CAErC,IAAIA,EAAWsB,KAAKA,KAAKJ,GAAMlB,UAAUwB,KAAKF,MAEtB,mBAAbtB,GAAyBA,EAASkB,EAAMC,EAAUC,IAIjEL,uBAAuBG,EAAMC,EAAUC,GACrCE,KAAKJ,GAAMO,MAAQL,GAIvB9B,EAAUoC,OAAOrC"}
\ No newline at end of file
diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.js b/elements/pfe-page-status/dist/pfe-page-status.umd.js
new file mode 100644
index 0000000000..5988bc99b4
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.umd.js
@@ -0,0 +1,202 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfePageStatus = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfePageStatus = function (_PFElement) {
+ inherits(PfePageStatus, _PFElement);
+ createClass(PfePageStatus, [{
+ key: "html",
+ get: function get$$1() {
+ return "
";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-page-status.json";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-page-status.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-page-status.scss";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "status": { "title": "Status", "type": "string", "enum": ["default", "moderate", "warning", "important", "critical", "success", "info", "normal", "accent", "complement"], "default": "default", "prefixed": true, "observer": "_basicAttributeChanged" } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-page-status";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-status"];
+ }
+
+ // Declare the type of this component
+
+ }, {
+ key: "PfeType",
+ get: function get$$1() {
+ return PFElement.PfeTypes.Content;
+ }
+ }]);
+
+ function PfePageStatus() {
+ classCallCheck(this, PfePageStatus);
+ return possibleConstructorReturn(this, (PfePageStatus.__proto__ || Object.getPrototypeOf(PfePageStatus)).call(this, PfePageStatus));
+ }
+
+ createClass(PfePageStatus, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfePageStatus.prototype.__proto__ || Object.getPrototypeOf(PfePageStatus.prototype), "connectedCallback", this).call(this);
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ get(PfePageStatus.prototype.__proto__ || Object.getPrototypeOf(PfePageStatus.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue);
+ // Strip the prefix form the attribute
+ attr = attr.replace("pfe-", "");
+ // If the observer is defined in the attribute properties
+ if (this[attr] && this[attr].observer) {
+ // Get the observer function
+ var observer = this[this[attr].observer].bind(this);
+ // If it's a function, allow it to run
+ if (typeof observer === "function") observer(attr, oldValue, newValue);
+ }
+ }
+ }, {
+ key: "_basicAttributeChanged",
+ value: function _basicAttributeChanged(attr, oldValue, newValue) {
+ this[attr].value = newValue;
+ }
+ }]);
+ return PfePageStatus;
+ }(PFElement);
+
+ PFElement.create(PfePageStatus);
+
+ return PfePageStatus;
+
+})));
+//# sourceMappingURL=pfe-page-status.umd.js.map
diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.js.map b/elements/pfe-page-status/dist/pfe-page-status.umd.js.map
new file mode 100644
index 0000000000..106c08213e
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-page-status.umd.js","sources":["../_temp/pfe-page-status.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
`;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","PfeTypes","Content","attr","oldValue","newValue","replace","observer","bind","value","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAae;EACd,aAAO,sBAAP;EACD;;;6BAEiB;EAChB,aAAO,sBAAP;EACD;;;6BAEc;EACb,aAAO,sBAAP;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,UAAS,EAAC,SAAQ,QAAT,EAAkB,QAAO,QAAzB,EAAkC,QAAO,CAAC,SAAD,EAAW,UAAX,EAAsB,SAAtB,EAAgC,WAAhC,EAA4C,UAA5C,EAAuD,SAAvD,EAAiE,MAAjE,EAAwE,QAAxE,EAAiF,QAAjF,EAA0F,YAA1F,CAAzC,EAAiJ,WAAU,SAA3J,EAAqK,YAAW,IAAhL,EAAqL,YAAW,wBAAhM,EAAV,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,OAA1B,EAAkC,aAAY,KAA9C,EAAoD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAA5D,EAAX,EAAP;EACD;;;6BACgB;EACf,aAAO,iBAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,YAAD,CAAP;EACD;;EAED;;;;6BACqB;EACnB,aAAOC,UAAUC,QAAV,CAAmBC,OAA1B;EACD;;;EAED,2BAAc;EAAA;EAAA,wHACNH,aADM;EAEb;;;;0CAEmB;EAClB;EACD;;;+CAEwBI,MAAMC,UAAUC,UAAU;EACjD,4IAA+BF,IAA/B,EAAqCC,QAArC,EAA+CC,QAA/C;EACA;EACAF,aAAOA,KAAKG,OAAL,CAAa,MAAb,EAAqB,EAArB,CAAP;EACA;EACA,UAAI,KAAKH,IAAL,KAAc,KAAKA,IAAL,EAAWI,QAA7B,EAAuC;EACrC;EACA,YAAIA,WAAW,KAAK,KAAKJ,IAAL,EAAWI,QAAhB,EAA0BC,IAA1B,CAA+B,IAA/B,CAAf;EACA;EACA,YAAI,OAAOD,QAAP,KAAoB,UAAxB,EAAoCA,SAASJ,IAAT,EAAeC,QAAf,EAAyBC,QAAzB;EACrC;EACF;;;6CAEsBF,MAAMC,UAAUC,UAAU;EAC/C,WAAKF,IAAL,EAAWM,KAAX,GAAmBJ,QAAnB;EACD;;;IAlEyBL;;EAqE5BA,UAAUU,MAAV,CAAiBX,aAAjB;;;;;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.min.js b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js
new file mode 100644
index 0000000000..a7b623e05b
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfePageStatus=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e};function r(e,t){for(var o=0;o:host{background-color:#4f5255;background-color:var(--pfe-status--BackgroundColor,var(--pfe-theme--color--feedback--default,#4f5255));position:fixed;right:0;right:var(--pfe-status--Right,0);top:0;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:3rem}:host([hidden]){display:none}.flag{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.flag>span{color:#fff;color:var(--pfe-status--Color,var(--pfe-theme--color--text--on-dark,#fff));display:inline-block;text-transform:uppercase;text-transform:var(--pfe-status--TextTransform,uppercase);font-size:.875rem;font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:700;line-height:1em;white-space:nowrap}:host([pfe-status=important]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--important, #d73401);--pfe-status--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-status=critical]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-status--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-status=success]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--success, #2e7d32);--pfe-status--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-status=info]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--info, #0277bd);--pfe-status--Color:var(--pfe-theme--color--text--on-dark, #fff)}:host([pfe-status=moderate]),:host([pfe-status=warning]){--pfe-status--BackgroundColor:var(--pfe-theme--color--feedback--moderate, #ffc024);--pfe-status--Color:var(--pfe-theme--color--text, #151515)}:host([pfe-status=normal]){--pfe-status--BackgroundColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-status--Color:var(--pfe-theme--color--ui-accent--text, #fff)}:host([pfe-status=accent]){--pfe-status--BackgroundColor:var(--pfe-theme--color--ui-accent, #06c);--pfe-status--Color:var(--pfe-theme--color--ui-accent--text, #fff)}\n/*# sourceMappingURL=pfe-page-status.min.css.map */\n
'}},{key:"schemaUrl",get:function(){return"pfe-page-status.json"}},{key:"templateUrl",get:function(){return"pfe-page-status.html"}},{key:"styleUrl",get:function(){return"pfe-page-status.scss"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{status:{title:"Status",type:"string",enum:["default","moderate","warning","important","critical","success","info","normal","accent","complement"],default:"default",prefixed:!0,observer:"_basicAttributeChanged"}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-page-status"}},{key:"observedAttributes",get:function(){return["pfe-status"]}},{key:"PfeType",get:function(){return e.PfeTypes.Content}}]),t(a,[{key:"connectedCallback",value:function(){s(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"connectedCallback",this).call(this)}},{key:"attributeChangedCallback",value:function(e,t,o){if(s(a.prototype.__proto__||Object.getPrototypeOf(a.prototype),"attributeChangedCallback",this).call(this,e,t,o),this[e=e.replace("pfe-","")]&&this[e].observer){var r=this[this[e].observer].bind(this);"function"==typeof r&&r(e,t,o)}}},{key:"_basicAttributeChanged",value:function(e,t,o){this[e].value=o}}]),a);function a(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(a.__proto__||Object.getPrototypeOf(a)).call(this,a))}return e.create(o),o});
+//# sourceMappingURL=pfe-page-status.umd.min.js.map
diff --git a/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map
new file mode 100644
index 0000000000..1597773798
--- /dev/null
+++ b/elements/pfe-page-status/dist/pfe-page-status.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-page-status.umd.min.js","sources":["../_temp/pfe-page-status.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfePageStatus 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nclass PfePageStatus extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
`;\n }\n\n static get properties() {\n return {\"status\":{\"title\":\"Status\",\"type\":\"string\",\"enum\":[\"default\",\"moderate\",\"warning\",\"important\",\"critical\",\"success\",\"info\",\"normal\",\"accent\",\"complement\"],\"default\":\"default\",\"prefixed\":true,\"observer\":\"_basicAttributeChanged\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-page-status\";\n }\n\n get schemaUrl() {\n return \"pfe-page-status.json\";\n }\n\n get templateUrl() {\n return \"pfe-page-status.html\";\n }\n\n get styleUrl() {\n return \"pfe-page-status.scss\";\n }\n\n static get observedAttributes() {\n return [\"pfe-status\"];\n }\n\n // Declare the type of this component\n static get PfeType() {\n return PFElement.PfeTypes.Content;\n }\n\n constructor() {\n super(PfePageStatus);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\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 _basicAttributeChanged(attr, oldValue, newValue) {\n this[attr].value = newValue;\n }\n}\n\nPFElement.create(PfePageStatus);\n\nexport default PfePageStatus;\n"],"names":["PfePageStatus","PFElement","status","title","type","enum","default","prefixed","observer","content","namedSlot","items","oneOf","$ref","PfeTypes","Content","attr","oldValue","newValue","this","replace","bind","value","create"],"mappings":"uyBA2BMA,+TAAsBC,0mFAuBjB,iEAIA,8DAIA,+DA7BA,+DAUA,CAACC,OAAS,CAACC,MAAQ,SAASC,KAAO,SAASC,KAAO,CAAC,UAAU,WAAW,UAAU,YAAY,WAAW,UAAU,OAAO,SAAS,SAAS,cAAcC,QAAU,UAAUC,UAAW,EAAKC,SAAW,+DAI1M,CAACC,QAAU,CAACN,MAAQ,UAAUC,KAAO,QAAQM,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,mEAgBA,CAAC,qDAKDZ,EAAUa,SAASC,6MAWHC,EAAMC,EAAUC,6GACRF,EAAMC,EAAUC,GAI3CC,OAFGH,EAAKI,QAAQ,OAAQ,MAEVD,KAAKH,GAAMR,SAAU,KAEjCA,EAAWW,KAAKA,KAAKH,GAAMR,UAAUa,KAAKF,MAEtB,mBAAbX,GAAyBA,EAASQ,EAAMC,EAAUC,mDAI1CF,EAAMC,EAAUC,QAChCF,GAAMM,MAAQJ,2VArBblB,WAyBVC,EAAUsB,OAAOvB"}
\ No newline at end of file
diff --git a/elements/pfe-page-status/package-lock.json b/elements/pfe-page-status/package-lock.json
index f684ee46e2..c565ed33dd 100644
--- a/elements/pfe-page-status/package-lock.json
+++ b/elements/pfe-page-status/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-page-status",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-page-status/package.json b/elements/pfe-page-status/package.json
index 8e9dcd4217..01832388cc 100644
--- a/elements/pfe-page-status/package.json
+++ b/elements/pfe-page-status/package.json
@@ -4,7 +4,7 @@
"className": "PfePageStatus",
"elementName": "pfe-page-status"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Page element for PatternFly Elements",
"keywords": [
"web-components",
@@ -42,7 +42,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.1.0",
"bugs": {
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js
new file mode 100644
index 0000000000..e2656a96c8
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js
@@ -0,0 +1,91 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+/*!
+ * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeProgressIndicator extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+
+ static get properties() {
+ return {"indeterminate":{"title":"Status","type":"boolean","default":true,"prefixed":true},"size":{"title":"Size","type":"string","enum":["sm","md","xl"],"default":"md"}};
+ }
+
+ static get slots() {
+ return {"content":{"title":"Content","type":"array","namedSlot":false,"items":{"oneOf":[{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-progress-indicator";
+ }
+
+ get templateUrl() {
+ return "pfe-progress-indicator.html";
+ }
+
+ get styleUrl() {
+ return "pfe-progress-indicator.scss";
+ }
+
+ get schemaUrl() {
+ return "pfe-progress-indicator.json";
+ }
+
+ constructor() {
+ super(PfeProgressIndicator);
+ this._init = this._init.bind(this);
+ this._slot = this.shadowRoot.querySelector("slot");
+ this._slot.addEventListener("slotchange", this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+ }
+
+ disconnectedCallback() {
+ this._slot.removeEventListener("slotchange", this._init);
+ }
+
+ _init() {
+ const firstChild = this.children[0];
+
+ if (!firstChild) {
+ console.warn(
+ `${PfeProgressIndicator.tag}: You do not have a backup loading message.`
+ );
+ }
+ }
+}
+
+PFElement.create(PfeProgressIndicator);
+
+export default PfeProgressIndicator;
+//# sourceMappingURL=pfe-progress-indicator.js.map
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map
new file mode 100644
index 0000000000..8949027b47
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-progress-indicator.js","sources":["../_temp/pfe-progress-indicator.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":[],"mappings":";;AAAA;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,AAEA;AACA,MAAM,oBAAoB,SAAS,SAAS,CAAC;EAC3C,WAAW,OAAO,GAAG;IACnB,OAAO,qBAAqB,CAAC;GAC9B;;EAED,IAAI,IAAI,GAAG;IACT,OAAO,CAAC;;qBAES,CAAC,CAAC;GACpB;;EAED,WAAW,UAAU,GAAG;IACtB,OAAO,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;GAC5K;;EAED,WAAW,KAAK,GAAG;IACjB,OAAO,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;GAC5G;EACD,WAAW,GAAG,GAAG;IACf,OAAO,wBAAwB,CAAC;GACjC;;EAED,IAAI,WAAW,GAAG;IAChB,OAAO,6BAA6B,CAAC;GACtC;;EAED,IAAI,QAAQ,GAAG;IACb,OAAO,6BAA6B,CAAC;GACtC;;EAED,IAAI,SAAS,GAAG;IACd,OAAO,6BAA6B,CAAC;GACtC;;EAED,WAAW,GAAG;IACZ,KAAK,CAAC,oBAAoB,CAAC,CAAC;IAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GACvD;;EAED,iBAAiB,GAAG;IAClB,KAAK,CAAC,iBAAiB,EAAE,CAAC;GAC3B;;EAED,oBAAoB,GAAG;IACrB,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;GAC1D;;EAED,KAAK,GAAG;IACN,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;;IAEpC,IAAI,CAAC,UAAU,EAAE;MACf,OAAO,CAAC,IAAI;QACV,CAAC,EAAE,oBAAoB,CAAC,GAAG,CAAC,2CAA2C,CAAC;OACzE,CAAC;KACH;GACF;CACF;;AAED,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json
new file mode 100644
index 0000000000..f509343ea4
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.json
@@ -0,0 +1,50 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Progress Indicator",
+ "description": "This element creates a progress indicator when the user is waiting on http events.",
+ "type": "object",
+ "tag": "pfe-progress-indicator",
+ "class": "pfe-progress-indicator",
+ "category": "content",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "content": {
+ "title": "Content",
+ "type": "array",
+ "namedSlot": false,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "indeterminate": {
+ "title": "Status",
+ "type": "boolean",
+ "default": true,
+ "prefixed": true
+ },
+ "size": {
+ "title": "Size",
+ "type": "string",
+ "enum": ["sm", "md", "xl"],
+ "default": "md"
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js
new file mode 100644
index 0000000000..ee76bf3f94
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";
+/*!
+ * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/class t extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return""}static get properties(){return{indeterminate:{title:"Status",type:"boolean",default:!0,prefixed:!0},size:{title:"Size",type:"string",enum:["sm","md","xl"],default:"md"}}}static get slots(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-progress-indicator"}get templateUrl(){return"pfe-progress-indicator.html"}get styleUrl(){return"pfe-progress-indicator.scss"}get schemaUrl(){return"pfe-progress-indicator.json"}constructor(){super(t),this._init=this._init.bind(this),this._slot=this.shadowRoot.querySelector("slot"),this._slot.addEventListener("slotchange",this._init)}connectedCallback(){super.connectedCallback()}disconnectedCallback(){this._slot.removeEventListener("slotchange",this._init)}_init(){this.children[0]||console.warn(`${t.tag}: You do not have a backup loading message.`)}}e.create(t);export default t;
+//# sourceMappingURL=pfe-progress-indicator.min.js.map
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map
new file mode 100644
index 0000000000..d1cbdbc28f
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-progress-indicator.min.js","sources":["../_temp/pfe-progress-indicator.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54\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/dist/pfelement.js\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","PFElement","version","html","properties","indeterminate","title","type","default","prefixed","size","enum","slots","content","namedSlot","items","oneOf","$ref","tag","templateUrl","styleUrl","schemaUrl","[object Object]","super","this","_init","bind","_slot","shadowRoot","querySelector","addEventListener","connectedCallback","removeEventListener","children","console","warn","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAMA,UAA6BC,EACjCC,qBACE,MAAO,sBAGTC,WACE,MAAO,g9DAKTC,wBACE,MAAO,CAACC,cAAgB,CAACC,MAAQ,SAASC,KAAO,UAAUC,SAAU,EAAKC,UAAW,GAAMC,KAAO,CAACJ,MAAQ,OAAOC,KAAO,SAASI,KAAO,CAAC,KAAK,KAAK,MAAMH,QAAU,OAGtKI,mBACE,MAAO,CAACC,QAAU,CAACP,MAAQ,UAAUC,KAAO,QAAQO,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,WAElGC,iBACE,MAAO,yBAGTC,kBACE,MAAO,8BAGTC,eACE,MAAO,8BAGTC,gBACE,MAAO,8BAGTC,cACEC,MAAMvB,GACNwB,KAAKC,MAAQD,KAAKC,MAAMC,KAAKF,MAC7BA,KAAKG,MAAQH,KAAKI,WAAWC,cAAc,QAC3CL,KAAKG,MAAMG,iBAAiB,aAAcN,KAAKC,OAGjDH,oBACEC,MAAMQ,oBAGRT,uBACEE,KAAKG,MAAMK,oBAAoB,aAAcR,KAAKC,OAGpDH,QACqBE,KAAKS,SAAS,IAG/BC,QAAQC,QACHnC,EAAqBkB,mDAMhCjB,EAAUmC,OAAOpC"}
\ No newline at end of file
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js
new file mode 100644
index 0000000000..bb6af93267
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js
@@ -0,0 +1,190 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeProgressIndicator = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeProgressIndicator = function (_PFElement) {
+ inherits(PfeProgressIndicator, _PFElement);
+ createClass(PfeProgressIndicator, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-progress-indicator.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-progress-indicator.scss";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-progress-indicator.json";
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "indeterminate": { "title": "Status", "type": "boolean", "default": true, "prefixed": true }, "size": { "title": "Size", "type": "string", "enum": ["sm", "md", "xl"], "default": "md" } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "content": { "title": "Content", "type": "array", "namedSlot": false, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-progress-indicator";
+ }
+ }]);
+
+ function PfeProgressIndicator() {
+ classCallCheck(this, PfeProgressIndicator);
+
+ var _this = possibleConstructorReturn(this, (PfeProgressIndicator.__proto__ || Object.getPrototypeOf(PfeProgressIndicator)).call(this, PfeProgressIndicator));
+
+ _this._init = _this._init.bind(_this);
+ _this._slot = _this.shadowRoot.querySelector("slot");
+ _this._slot.addEventListener("slotchange", _this._init);
+ return _this;
+ }
+
+ createClass(PfeProgressIndicator, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeProgressIndicator.prototype.__proto__ || Object.getPrototypeOf(PfeProgressIndicator.prototype), "connectedCallback", this).call(this);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._slot.removeEventListener("slotchange", this._init);
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ var firstChild = this.children[0];
+
+ if (!firstChild) {
+ console.warn(PfeProgressIndicator.tag + ": You do not have a backup loading message.");
+ }
+ }
+ }]);
+ return PfeProgressIndicator;
+ }(PFElement);
+
+ PFElement.create(PfeProgressIndicator);
+
+ return PfeProgressIndicator;
+
+})));
+//# sourceMappingURL=pfe-progress-indicator.umd.js.map
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map
new file mode 100644
index 0000000000..384a45347d
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-progress-indicator.umd.js","sources":["../_temp/pfe-progress-indicator.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","_init","bind","_slot","shadowRoot","querySelector","addEventListener","removeEventListener","firstChild","children","console","warn","tag","PFElement","create"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;MA2BMA;;;;6BAKO;EACT;EAGD;;;6BAaiB;EAChB,aAAO,6BAAP;EACD;;;6BAEc;EACb,aAAO,6BAAP;EACD;;;6BAEe;EACd,aAAO,6BAAP;EACD;;;6BA/BoB;EACnB,aAAO,qBAAP;EACD;;;6BAQuB;EACtB,aAAO,EAAC,iBAAgB,EAAC,SAAQ,QAAT,EAAkB,QAAO,SAAzB,EAAmC,WAAU,IAA7C,EAAkD,YAAW,IAA7D,EAAjB,EAAoF,QAAO,EAAC,SAAQ,MAAT,EAAgB,QAAO,QAAvB,EAAgC,QAAO,CAAC,IAAD,EAAM,IAAN,EAAW,IAAX,CAAvC,EAAwD,WAAU,IAAlE,EAA3F,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,OAA1B,EAAkC,aAAY,KAA9C,EAAoD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAA5D,EAAX,EAAP;EACD;;;6BACgB;EACf,aAAO,wBAAP;EACD;;;EAcD,kCAAc;EAAA;;EAAA,2IACNA,oBADM;;EAEZ,UAAKC,KAAL,GAAa,MAAKA,KAAL,CAAWC,IAAX,OAAb;EACA,UAAKC,KAAL,GAAa,MAAKC,UAAL,CAAgBC,aAAhB,CAA8B,MAA9B,CAAb;EACA,UAAKF,KAAL,CAAWG,gBAAX,CAA4B,YAA5B,EAA0C,MAAKL,KAA/C;EAJY;EAKb;;;;0CAEmB;EAClB;EACD;;;6CAEsB;EACrB,WAAKE,KAAL,CAAWI,mBAAX,CAA+B,YAA/B,EAA6C,KAAKN,KAAlD;EACD;;;8BAEO;EACN,UAAMO,aAAa,KAAKC,QAAL,CAAc,CAAd,CAAnB;;EAEA,UAAI,CAACD,UAAL,EAAiB;EACfE,gBAAQC,IAAR,CACKX,qBAAqBY,GAD1B;EAGD;EACF;;;IAzDgCC;;EA4DnCA,UAAUC,MAAV,CAAiBd,oBAAjB;;;;;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js
new file mode 100644
index 0000000000..617ac3aad4
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeProgressIndicator=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e;var t=function(e,t,r){return t&&o(e.prototype,t),r&&o(e,r),e};function o(e,t){for(var r=0;r:host([pfe-indeterminate]) ::slotted(*){position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host([hidden]){display:none}:host([pfe-indeterminate]){animation:spin 1s linear infinite;-webkit-animation:spin 1s linear infinite;-moz-animation:spin 1s linear infinite;border-bottom:4px solid rgba(0,0,0,.25);border-bottom:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-left:4px solid rgba(0,0,0,.25);border-left:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-right:4px solid rgba(0,0,0,.25);border-right:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.25);border-top:4px solid rgba(0,0,0,.75);border-top:var(--pfe-theme--surface--border-width--heavy,4px) var(--pfe-theme--surface--border-style,solid) rgba(0,0,0,.75);border-radius:100%;display:inline-block;height:2rem;height:var(--pfe-progress-indicator--Height,2rem);margin:0 auto;position:relative;width:2rem;width:var(--pfe-progress-indicator--Width,2rem);vertical-align:middle;visibility:visible}:host([size=sm]){height:1rem;width:1rem;border-width:calc(4px * .75);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * .75)}:host([size=md]){height:2rem;width:2rem;border-width:calc(4px * 1);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * 1)}:host([size=xl]){height:4rem;width:4rem;border-width:calc(4px * 1.5);border-width:calc(var(--pfe-theme--surface--border-width--heavy,4px) * 1.5)}@-webkit-keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}\n/*# sourceMappingURL=pfe-progress-indicator.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-progress-indicator.html"}},{key:"styleUrl",get:function(){return"pfe-progress-indicator.scss"}},{key:"schemaUrl",get:function(){return"pfe-progress-indicator.json"}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{indeterminate:{title:"Status",type:"boolean",default:!0,prefixed:!0},size:{title:"Size",type:"string",enum:["sm","md","xl"],default:"md"}}}},{key:"slots",get:function(){return{content:{title:"Content",type:"array",namedSlot:!1,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-progress-indicator"}}]),t(i,[{key:"connectedCallback",value:function(){(function e(t,r,o){null===t&&(t=Function.prototype);var i=Object.getOwnPropertyDescriptor(t,r);if(void 0===i){var n=Object.getPrototypeOf(t);return null===n?void 0:e(n,r,o)}if("value"in i)return i.value;var a=i.get;return void 0!==a?a.call(o):void 0})(i.prototype.__proto__||Object.getPrototypeOf(i.prototype),"connectedCallback",this).call(this)}},{key:"disconnectedCallback",value:function(){this._slot.removeEventListener("slotchange",this._init)}},{key:"_init",value:function(){this.children[0]||console.warn(i.tag+": You do not have a backup loading message.")}}]),i);function i(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,i);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(i.__proto__||Object.getPrototypeOf(i)).call(this,i));return e._init=e._init.bind(e),e._slot=e.shadowRoot.querySelector("slot"),e._slot.addEventListener("slotchange",e._init),e}return e.create(r),r});
+//# sourceMappingURL=pfe-progress-indicator.umd.min.js.map
diff --git a/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map
new file mode 100644
index 0000000000..496d63e265
--- /dev/null
+++ b/elements/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-progress-indicator.umd.min.js","sources":["../_temp/pfe-progress-indicator.umd.js"],"sourcesContent":["/*!\n * PatternFly Elements: PfeProgressIndicator 1.0.0-prerelease.54\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/dist/pfelement.umd\";\n\nclass PfeProgressIndicator extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n\n static get properties() {\n return {\"indeterminate\":{\"title\":\"Status\",\"type\":\"boolean\",\"default\":true,\"prefixed\":true},\"size\":{\"title\":\"Size\",\"type\":\"string\",\"enum\":[\"sm\",\"md\",\"xl\"],\"default\":\"md\"}};\n }\n\n static get slots() {\n return {\"content\":{\"title\":\"Content\",\"type\":\"array\",\"namedSlot\":false,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-progress-indicator\";\n }\n\n get templateUrl() {\n return \"pfe-progress-indicator.html\";\n }\n\n get styleUrl() {\n return \"pfe-progress-indicator.scss\";\n }\n\n get schemaUrl() {\n return \"pfe-progress-indicator.json\";\n }\n\n constructor() {\n super(PfeProgressIndicator);\n this._init = this._init.bind(this);\n this._slot = this.shadowRoot.querySelector(\"slot\");\n this._slot.addEventListener(\"slotchange\", this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n }\n\n disconnectedCallback() {\n this._slot.removeEventListener(\"slotchange\", this._init);\n }\n\n _init() {\n const firstChild = this.children[0];\n\n if (!firstChild) {\n console.warn(\n `${PfeProgressIndicator.tag}: You do not have a backup loading message.`\n );\n }\n }\n}\n\nPFElement.create(PfeProgressIndicator);\n\nexport default PfeProgressIndicator;\n"],"names":["PfeProgressIndicator","PFElement","indeterminate","title","type","default","prefixed","size","enum","content","namedSlot","items","oneOf","$ref","_slot","removeEventListener","this","_init","children","warn","tag","_this","bind","shadowRoot","querySelector","addEventListener","create"],"mappings":"qjBA2BMA,+TAA6BC,miEAuBxB,qEAIA,sEAIA,sEA7BA,+DAUA,CAACC,cAAgB,CAACC,MAAQ,SAASC,KAAO,UAAUC,SAAU,EAAKC,UAAW,GAAMC,KAAO,CAACJ,MAAQ,OAAOC,KAAO,SAASI,KAAO,CAAC,KAAK,KAAK,MAAMH,QAAU,2CAI7J,CAACI,QAAU,CAACN,MAAQ,UAAUC,KAAO,QAAQM,WAAY,EAAMC,MAAQ,CAACC,MAAQ,CAAC,CAACC,KAAO,6CAGzF,2dA2BFC,MAAMC,oBAAoB,aAAcC,KAAKC,uCAI/BD,KAAKE,SAAS,YAGvBC,KACHnB,EAAqBoB,4YAnBtBpB,aACDiB,MAAQI,EAAKJ,MAAMK,UACnBR,MAAQO,EAAKE,WAAWC,cAAc,UACtCV,MAAMW,iBAAiB,aAAcJ,EAAKJ,gBAsBnDhB,EAAUyB,OAAO1B"}
\ No newline at end of file
diff --git a/elements/pfe-progress-indicator/package-lock.json b/elements/pfe-progress-indicator/package-lock.json
index 84ba895db9..1396ffaaf2 100644
--- a/elements/pfe-progress-indicator/package-lock.json
+++ b/elements/pfe-progress-indicator/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-progress-indicator",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-progress-indicator/package.json b/elements/pfe-progress-indicator/package.json
index 34f5f81eb9..ba866faa2e 100644
--- a/elements/pfe-progress-indicator/package.json
+++ b/elements/pfe-progress-indicator/package.json
@@ -4,7 +4,7 @@
"className": "PfeProgressIndicator",
"elementName": "pfe-progress-indicator"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
@@ -38,7 +38,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.1.0",
"bugs": {
diff --git a/elements/pfe-sass/package-lock.json b/elements/pfe-sass/package-lock.json
index 2d385ee854..ff980e2eb6 100644
--- a/elements/pfe-sass/package-lock.json
+++ b/elements/pfe-sass/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-sass",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-sass/package.json b/elements/pfe-sass/package.json
index 10e552c713..e8f1b3d9f5 100644
--- a/elements/pfe-sass/package.json
+++ b/elements/pfe-sass/package.json
@@ -4,7 +4,7 @@
"className": "PfeSass",
"elementName": "pfe-sass"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
diff --git a/elements/pfe-select/dist/pfe-select.js b/elements/pfe-select/dist/pfe-select.js
new file mode 100644
index 0000000000..283a4a1849
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.js
@@ -0,0 +1,214 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// -- POLYFILLS: Object.assign, for IE11
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+if (typeof Object.assign !== "function") {
+ // Must be writable: true, enumerable: false, configurable: true
+ Object.defineProperty(Object, "assign", {
+ value: function assign(target, varArgs) {
+ if (target === null || target === undefined) {
+ throw new TypeError("Cannot convert undefined or null to object");
+ }
+
+ var to = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var nextSource = arguments[index];
+
+ if (nextSource !== null && nextSource !== undefined) {
+ for (var nextKey in nextSource) {
+ // Avoid bugs when hasOwnProperty is shadowed
+ if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ return to;
+ },
+ writable: true,
+ configurable: true
+ });
+}
+
+/*!
+ * PatternFly Elements: PfeSelect 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+class PfeSelect extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+ static get tag() {
+ return "pfe-select";
+ }
+
+ get templateUrl() {
+ return "pfe-select.html";
+ }
+
+ get styleUrl() {
+ return "pfe-select.scss";
+ }
+
+ get pfeOptions() {
+ return this._pfeOptions;
+ }
+
+ set pfeOptions(options) {
+ this._pfeOptions =
+ options.filter(el => el.selected).length > 1
+ ? this._handleMultipleSelectedValues(options)
+ : options;
+ this._modifyDOM();
+ }
+
+ get pfeInvalid() {
+ return this.getAttribute("pfe-invalid");
+ }
+
+ set pfeInvalid(invalidAttr) {
+ if (!invalidAttr) {
+ return;
+ }
+ this.querySelector("select").setAttribute("aria-invalid", invalidAttr);
+ }
+
+ static get events() {
+ return {
+ change: `${this.tag}:change`
+ };
+ }
+
+ static get observedAttributes() {
+ return ["pfe-invalid"];
+ }
+
+ constructor() {
+ super(PfeSelect);
+ this._pfeOptions = null;
+ this._init = this._init.bind(this);
+ this._inputChanged = this._inputChanged.bind(this);
+
+ this.observer = new MutationObserver(this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+ customElements.whenDefined(PfeSelect.tag).then(() => {
+ if (this.pfeOptions) {
+ this._modifyDOM();
+ this._init();
+ } else {
+ if (this.children.length) {
+ this._init();
+ } else {
+ console.warn(
+ `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`
+ );
+ }
+ }
+ });
+ this.observer.observe(this, { childList: true });
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ super.attributeChangedCallback(attr, oldValue, newValue);
+ this.pfeInvalid = newValue;
+ }
+
+ disconnectedCallback() {
+ this.observer.disconnect();
+ this._input.removeEventListener("input", this._inputChanged);
+ }
+
+ addOptions(options) {
+ // Reset the pfeOptions by concatenating newly added options with _pfeOptions
+ this._pfeOptions = this._pfeOptions
+ ? this._pfeOptions.concat(options)
+ : options;
+ }
+
+ _handleMultipleSelectedValues(options) {
+ // Warn if options array has more than one selected value set as true
+ console.warn(
+ `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`
+ );
+ // Get the index of the first element with selected "true"
+ const firstIndex = options.findIndex(el => el.selected);
+ // Update the options array with precedence to first element with selected value as true
+ return options.map((el, idx) => {
+ el.selected = firstIndex == idx;
+ return el;
+ });
+ }
+
+ _init() {
+ this._input = this.querySelector("select");
+ if (!this._input) {
+ console.warn(
+ `${PfeSelect.tag}: The first child needs to be a select element`
+ );
+ return;
+ }
+ this._input.addEventListener("change", this._inputChanged);
+ }
+
+ _inputChanged() {
+ this.emitEvent(PfeSelect.events.change, {
+ detail: {
+ value: this._input.value
+ }
+ });
+ }
+
+ _modifyDOM() {
+ // Create select element
+ let pfeSelect = document.createElement("select");
+ // Create option element for each element in _pfeOptions array
+ this._pfeOptions.map(el => {
+ const option = Object.assign(document.createElement("option"), el);
+ pfeSelect.add(option, null);
+ });
+ // if select already exists in the DOM then replace the old select with the new _pfeOptions array
+ if (this.children.length) {
+ const select = this.querySelector("select");
+ select.parentNode.replaceChild(pfeSelect, select);
+ } else {
+ // Otherwise create a new select element
+ this.appendChild(pfeSelect);
+ }
+ }
+}
+
+PFElement.create(PfeSelect);
+
+export default PfeSelect;
+//# sourceMappingURL=pfe-select.js.map
diff --git a/elements/pfe-select/dist/pfe-select.js.map b/elements/pfe-select/dist/pfe-select.js.map
new file mode 100644
index 0000000000..1004b61ccc
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-select.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.54\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\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-select/dist/pfe-select.min.js b/elements/pfe-select/dist/pfe-select.min.js
new file mode 100644
index 0000000000..8080256d4d
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var r=Object(e),o=1;o:host{position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:1px solid #f0f0f0;border-top:var(--pfe-select--BorderTop,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-right:1px solid #f0f0f0;border-right:var(--pfe-select--BorderRight,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-bottom:1px solid #3c3f42;border-bottom:var(--pfe-select--BorderBottom,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor,var(--pfe-theme--color--surface--darker,#3c3f42)));border-left:1px solid #f0f0f0;border-left:var(--pfe-select--BorderLeft,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515))}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#030303;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:1px solid #06c;border-bottom:var(--pfe-select--BorderBottom--hover,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c)))}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#06c;border-bottom-color:var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c))}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515));border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-select--FontFamily, var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif));-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#b00;border-bottom-color:var(--pfe-select--BorderBottomColor--error,var(--pfe-theme--color--feedback--critical,#b00))}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n"}static get tag(){return"pfe-select"}get templateUrl(){return"pfe-select.html"}get styleUrl(){return"pfe-select.scss"}get pfeOptions(){return this._pfeOptions}set pfeOptions(e){this._pfeOptions=e.filter(e=>e.selected).length>1?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}get pfeInvalid(){return this.getAttribute("pfe-invalid")}set pfeInvalid(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}static get events(){return{change:`${this.tag}:change`}}static get observedAttributes(){return["pfe-invalid"]}constructor(){super(t),this._pfeOptions=null,this._init=this._init.bind(this),this._inputChanged=this._inputChanged.bind(this),this.observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),customElements.whenDefined(t.tag).then(()=>{this.pfeOptions?(this._modifyDOM(),this._init()):this.children.length?this._init():console.warn(`${t.tag}: The first child in the light DOM must be a supported select tag`)}),this.observer.observe(this,{childList:!0})}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),this.pfeInvalid=r}disconnectedCallback(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}addOptions(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}_handleMultipleSelectedValues(e){console.warn(`${t.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`);const r=e.findIndex(e=>e.selected);return e.map((e,t)=>(e.selected=r==t,e))}_init(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(`${t.tag}: The first child needs to be a select element`)}_inputChanged(){this.emitEvent(t.events.change,{detail:{value:this._input.value}})}_modifyDOM(){let e=document.createElement("select");if(this._pfeOptions.map(t=>{const r=Object.assign(document.createElement("option"),t);e.add(r,null)}),this.children.length){const t=this.querySelector("select");t.parentNode.replaceChild(e,t)}else this.appendChild(e)}}e.create(t);export default t;
+//# sourceMappingURL=pfe-select.min.js.map
diff --git a/elements/pfe-select/dist/pfe-select.min.js.map b/elements/pfe-select/dist/pfe-select.min.js.map
new file mode 100644
index 0000000000..e3be938acd
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-select.min.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.54\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\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","value","target","varArgs","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","writable","configurable","PfeSelect","PFElement","version","html","tag","templateUrl","styleUrl","pfeOptions","this","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","pfeInvalid","getAttribute","invalidAttr","querySelector","setAttribute","events","change","observedAttributes","[object Object]","super","_init","bind","_inputChanged","observer","MutationObserver","connectedCallback","customElements","whenDefined","then","children","console","warn","observe","childList","attr","oldValue","newValue","attributeChangedCallback","disconnect","_input","removeEventListener","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","detail","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","create"],"mappings":"qDAE6B,mBAAlBA,OAAOC,QAEhBD,OAAOE,eAAeF,OAAQ,SAAU,CACtCG,MAAO,SAAgBC,EAAQC,GAG7B,GAAID,MAAAA,EACF,MAAM,IAAIE,UAAU,8CAKtB,IAFA,IAAIC,EAAKP,OAAOI,GAEPI,EAAQ,EAAGA,EAAQC,UAAUC,OAAQF,IAAS,CACrD,IAAIG,EAAaF,UAAUD,GAE3B,GAAIG,MAAAA,EACF,IAAK,IAAIC,KAAWD,EAEdX,OAAOa,UAAUC,eAAeC,KAAKJ,EAAYC,KACnDL,EAAGK,GAAWD,EAAWC,IAKjC,OAAOL,GAETS,UAAU,EACVC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;GCClB,MAAMC,UAAkBC,EACtBC,qBACE,MAAO,sBAGTC,WACE,MAAO,ytJAITC,iBACE,MAAO,aAGTC,kBACE,MAAO,kBAGTC,eACE,MAAO,kBAGTC,iBACE,OAAOC,KAAKC,YAGdF,eAAeG,GACbF,KAAKC,YACHC,EAAQC,OAAOC,GAAMA,EAAGC,UAAUrB,OAAS,EACvCgB,KAAKM,8BAA8BJ,GACnCA,EACNF,KAAKO,aAGPC,iBACE,OAAOR,KAAKS,aAAa,eAG3BD,eAAeE,GACRA,GAGLV,KAAKW,cAAc,UAAUC,aAAa,eAAgBF,GAG5DG,oBACE,MAAO,CACLC,UAAWd,KAAKJ,cAIpBmB,gCACE,MAAO,CAAC,eAGVC,cACEC,MAAMzB,GACNQ,KAAKC,YAAc,KACnBD,KAAKkB,MAAQlB,KAAKkB,MAAMC,KAAKnB,MAC7BA,KAAKoB,cAAgBpB,KAAKoB,cAAcD,KAAKnB,MAE7CA,KAAKqB,SAAW,IAAIC,iBAAiBtB,KAAKkB,OAG5CF,oBACEC,MAAMM,oBACNC,eAAeC,YAAYjC,EAAUI,KAAK8B,KAAK,KACzC1B,KAAKD,YACPC,KAAKO,aACLP,KAAKkB,SAEDlB,KAAK2B,SAAS3C,OAChBgB,KAAKkB,QAELU,QAAQC,QACHrC,EAAUI,0EAKrBI,KAAKqB,SAASS,QAAQ9B,KAAM,CAAE+B,WAAW,IAG3Cf,yBAAyBgB,EAAMC,EAAUC,GACvCjB,MAAMkB,yBAAyBH,EAAMC,EAAUC,GAC/ClC,KAAKQ,WAAa0B,EAGpBlB,uBACEhB,KAAKqB,SAASe,aACdpC,KAAKqC,OAAOC,oBAAoB,QAAStC,KAAKoB,eAGhDJ,WAAWd,GAETF,KAAKC,YAAcD,KAAKC,YACpBD,KAAKC,YAAYsC,OAAOrC,GACxBA,EAGNc,8BAA8Bd,GAE5B0B,QAAQC,QACHrC,EAAUI,2GAGf,MAAM4C,EAAatC,EAAQuC,UAAUrC,GAAMA,EAAGC,UAE9C,OAAOH,EAAQwC,IAAI,CAACtC,EAAIuC,KACtBvC,EAAGC,SAAWmC,GAAcG,EACrBvC,IAIXY,QACEhB,KAAKqC,OAASrC,KAAKW,cAAc,UAC5BX,KAAKqC,OAMVrC,KAAKqC,OAAOO,iBAAiB,SAAU5C,KAAKoB,eAL1CQ,QAAQC,QACHrC,EAAUI,qDAOnBoB,gBACEhB,KAAK6C,UAAUrD,EAAUqB,OAAOC,OAAQ,CACtCgC,OAAQ,CACNrE,MAAOuB,KAAKqC,OAAO5D,SAKzBuC,aAEE,IAAI+B,EAAYC,SAASC,cAAc,UAOvC,GALAjD,KAAKC,YAAYyC,IAAItC,IACnB,MAAM8C,EAAS5E,OAAOC,OAAOyE,SAASC,cAAc,UAAW7C,GAC/D2C,EAAUI,IAAID,EAAQ,QAGpBlD,KAAK2B,SAAS3C,OAAQ,CACxB,MAAMoE,EAASpD,KAAKW,cAAc,UAClCyC,EAAOC,WAAWC,aAAaP,EAAWK,QAG1CpD,KAAKuD,YAAYR,IAKvBtD,EAAU+D,OAAOhE"}
\ No newline at end of file
diff --git a/elements/pfe-select/dist/pfe-select.umd.js b/elements/pfe-select/dist/pfe-select.umd.js
new file mode 100644
index 0000000000..20814649c5
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.umd.js
@@ -0,0 +1,315 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeSelect = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // -- POLYFILLS: Object.assign, for IE11
+ // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
+ if (typeof Object.assign !== "function") {
+ // Must be writable: true, enumerable: false, configurable: true
+ Object.defineProperty(Object, "assign", {
+ value: function assign(target, varArgs) {
+
+ if (target === null || target === undefined) {
+ throw new TypeError("Cannot convert undefined or null to object");
+ }
+
+ var to = Object(target);
+
+ for (var index = 1; index < arguments.length; index++) {
+ var nextSource = arguments[index];
+
+ if (nextSource !== null && nextSource !== undefined) {
+ for (var nextKey in nextSource) {
+ // Avoid bugs when hasOwnProperty is shadowed
+ if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {
+ to[nextKey] = nextSource[nextKey];
+ }
+ }
+ }
+ }
+ return to;
+ },
+ writable: true,
+ configurable: true
+ });
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ /*!
+ * PatternFly Elements: PfeSelect 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var PfeSelect = function (_PFElement) {
+ inherits(PfeSelect, _PFElement);
+ createClass(PfeSelect, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-select.html";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-select.scss";
+ }
+ }, {
+ key: "pfeOptions",
+ get: function get$$1() {
+ return this._pfeOptions;
+ },
+ set: function set$$1(options) {
+ this._pfeOptions = options.filter(function (el) {
+ return el.selected;
+ }).length > 1 ? this._handleMultipleSelectedValues(options) : options;
+ this._modifyDOM();
+ }
+ }, {
+ key: "pfeInvalid",
+ get: function get$$1() {
+ return this.getAttribute("pfe-invalid");
+ },
+ set: function set$$1(invalidAttr) {
+ if (!invalidAttr) {
+ return;
+ }
+ this.querySelector("select").setAttribute("aria-invalid", invalidAttr);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-select";
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ change: this.tag + ":change"
+ };
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["pfe-invalid"];
+ }
+ }]);
+
+ function PfeSelect() {
+ classCallCheck(this, PfeSelect);
+
+ var _this = possibleConstructorReturn(this, (PfeSelect.__proto__ || Object.getPrototypeOf(PfeSelect)).call(this, PfeSelect));
+
+ _this._pfeOptions = null;
+ _this._init = _this._init.bind(_this);
+ _this._inputChanged = _this._inputChanged.bind(_this);
+
+ _this.observer = new MutationObserver(_this._init);
+ return _this;
+ }
+
+ createClass(PfeSelect, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ var _this2 = this;
+
+ get(PfeSelect.prototype.__proto__ || Object.getPrototypeOf(PfeSelect.prototype), "connectedCallback", this).call(this);
+ customElements.whenDefined(PfeSelect.tag).then(function () {
+ if (_this2.pfeOptions) {
+ _this2._modifyDOM();
+ _this2._init();
+ } else {
+ if (_this2.children.length) {
+ _this2._init();
+ } else {
+ console.warn(PfeSelect.tag + ": The first child in the light DOM must be a supported select tag");
+ }
+ }
+ });
+ this.observer.observe(this, { childList: true });
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ get(PfeSelect.prototype.__proto__ || Object.getPrototypeOf(PfeSelect.prototype), "attributeChangedCallback", this).call(this, attr, oldValue, newValue);
+ this.pfeInvalid = newValue;
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this.observer.disconnect();
+ this._input.removeEventListener("input", this._inputChanged);
+ }
+ }, {
+ key: "addOptions",
+ value: function addOptions(options) {
+ // Reset the pfeOptions by concatenating newly added options with _pfeOptions
+ this._pfeOptions = this._pfeOptions ? this._pfeOptions.concat(options) : options;
+ }
+ }, {
+ key: "_handleMultipleSelectedValues",
+ value: function _handleMultipleSelectedValues(options) {
+ // Warn if options array has more than one selected value set as true
+ console.warn(PfeSelect.tag + ": The first 'selected' option will take precedence over others incase of multiple 'selected' options");
+ // Get the index of the first element with selected "true"
+ var firstIndex = options.findIndex(function (el) {
+ return el.selected;
+ });
+ // Update the options array with precedence to first element with selected value as true
+ return options.map(function (el, idx) {
+ el.selected = firstIndex == idx;
+ return el;
+ });
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ this._input = this.querySelector("select");
+ if (!this._input) {
+ console.warn(PfeSelect.tag + ": The first child needs to be a select element");
+ return;
+ }
+ this._input.addEventListener("change", this._inputChanged);
+ }
+ }, {
+ key: "_inputChanged",
+ value: function _inputChanged() {
+ this.emitEvent(PfeSelect.events.change, {
+ detail: {
+ value: this._input.value
+ }
+ });
+ }
+ }, {
+ key: "_modifyDOM",
+ value: function _modifyDOM() {
+ // Create select element
+ var pfeSelect = document.createElement("select");
+ // Create option element for each element in _pfeOptions array
+ this._pfeOptions.map(function (el) {
+ var option = Object.assign(document.createElement("option"), el);
+ pfeSelect.add(option, null);
+ });
+ // if select already exists in the DOM then replace the old select with the new _pfeOptions array
+ if (this.children.length) {
+ var select = this.querySelector("select");
+ select.parentNode.replaceChild(pfeSelect, select);
+ } else {
+ // Otherwise create a new select element
+ this.appendChild(pfeSelect);
+ }
+ }
+ }]);
+ return PfeSelect;
+ }(PFElement);
+
+ PFElement.create(PfeSelect);
+
+ return PfeSelect;
+
+})));
+//# sourceMappingURL=pfe-select.umd.js.map
diff --git a/elements/pfe-select/dist/pfe-select.umd.js.map b/elements/pfe-select/dist/pfe-select.umd.js.map
new file mode 100644
index 0000000000..c380fb3bae
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-select.umd.js","sources":["../_temp/polyfills--pfe-select.js","../_temp/pfe-select.umd.js"],"sourcesContent":["// -- POLYFILLS: Object.assign, for IE11\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign\nif (typeof Object.assign !== \"function\") {\n // Must be writable: true, enumerable: false, configurable: true\n Object.defineProperty(Object, \"assign\", {\n value: function assign(target, varArgs) {\n // .length of function is 2\n \"use strict\";\n if (target === null || target === undefined) {\n throw new TypeError(\"Cannot convert undefined or null to object\");\n }\n\n var to = Object(target);\n\n for (var index = 1; index < arguments.length; index++) {\n var nextSource = arguments[index];\n\n if (nextSource !== null && nextSource !== undefined) {\n for (var nextKey in nextSource) {\n // Avoid bugs when hasOwnProperty is shadowed\n if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) {\n to[nextKey] = nextSource[nextKey];\n }\n }\n }\n }\n return to;\n },\n writable: true,\n configurable: true\n });\n}\n","/*!\n * PatternFly Elements: PfeSelect 1.0.0-prerelease.54\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\n// Import polyfills: assign\nimport \"./polyfills--pfe-select.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nclass PfeSelect extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","value","target","varArgs","undefined","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","writable","configurable","PfeSelect","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","getAttribute","invalidAttr","querySelector","setAttribute","change","tag","_init","bind","_inputChanged","observer","MutationObserver","customElements","whenDefined","then","pfeOptions","children","console","warn","observe","childList","attr","oldValue","newValue","pfeInvalid","disconnect","_input","removeEventListener","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","events","detail","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","PFElement","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-select/dist/pfe-select.umd.min.js b/elements/pfe-select/dist/pfe-select.umd.min.js
new file mode 100644
index 0000000000..398dc8581d
--- /dev/null
+++ b/elements/pfe-select/dist/pfe-select.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeSelect=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var r=Object(e),o=1;o:host{position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:1px solid #f0f0f0;border-top:var(--pfe-select--BorderTop,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-right:1px solid #f0f0f0;border-right:var(--pfe-select--BorderRight,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-bottom:1px solid #3c3f42;border-bottom:var(--pfe-select--BorderBottom,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor,var(--pfe-theme--color--surface--darker,#3c3f42)));border-left:1px solid #f0f0f0;border-left:var(--pfe-select--BorderLeft,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515))}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#030303;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:1px solid #06c;border-bottom:var(--pfe-select--BorderBottom--hover,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c)))}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#06c;border-bottom-color:var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c))}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515));border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-select--FontFamily, var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif));-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#b00;border-bottom-color:var(--pfe-select--BorderBottomColor--error,var(--pfe-theme--color--feedback--critical,#b00))}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n"}},{key:"templateUrl",get:function(){return"pfe-select.html"}},{key:"styleUrl",get:function(){return"pfe-select.scss"}},{key:"pfeOptions",get:function(){return this._pfeOptions},set:function(e){this._pfeOptions=1:host{position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:1px solid #f0f0f0;border-top:var(--pfe-select--BorderTop,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-right:1px solid #f0f0f0;border-right:var(--pfe-select--BorderRight,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));border-bottom:1px solid #3c3f42;border-bottom:var(--pfe-select--BorderBottom,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor,var(--pfe-theme--color--surface--darker,#3c3f42)));border-left:1px solid #f0f0f0;border-left:var(--pfe-select--BorderLeft,var(--pfe-select--BorderWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderColor,var(--pfe-theme--color--surface--lighter,#f0f0f0)));background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515))}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#030303;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:1px solid #06c;border-bottom:var(--pfe-select--BorderBottom--hover,var(--pfe-select--BorderBottomWidth,var(--pfe-theme--ui--border-width,1px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c)))}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#06c;border-bottom-color:var(--pfe-select--BorderBottomColor--hover,var(--pfe-theme--color--link,#06c))}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:#fff;background-color:var(--pfe-select--BackgroundColor,var(--pfe-theme--color--surface--lightest,#fff));color:#151515;color:var(--pfe-select--Color,var(--pfe-theme--color--text,#151515));border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-select--FontFamily, var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif));-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:#b00;border-bottom-color:var(--pfe-select--BorderBottomColor--error,var(--pfe-theme--color--feedback--critical,#b00))}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n`;\n }\n static get tag() {\n return \"pfe-select\";\n }\n\n get templateUrl() {\n return \"pfe-select.html\";\n }\n\n get styleUrl() {\n return \"pfe-select.scss\";\n }\n\n get pfeOptions() {\n return this._pfeOptions;\n }\n\n set pfeOptions(options) {\n this._pfeOptions =\n options.filter(el => el.selected).length > 1\n ? this._handleMultipleSelectedValues(options)\n : options;\n this._modifyDOM();\n }\n\n get pfeInvalid() {\n return this.getAttribute(\"pfe-invalid\");\n }\n\n set pfeInvalid(invalidAttr) {\n if (!invalidAttr) {\n return;\n }\n this.querySelector(\"select\").setAttribute(\"aria-invalid\", invalidAttr);\n }\n\n static get events() {\n return {\n change: `${this.tag}:change`\n };\n }\n\n static get observedAttributes() {\n return [\"pfe-invalid\"];\n }\n\n constructor() {\n super(PfeSelect);\n this._pfeOptions = null;\n this._init = this._init.bind(this);\n this._inputChanged = this._inputChanged.bind(this);\n\n this.observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n customElements.whenDefined(PfeSelect.tag).then(() => {\n if (this.pfeOptions) {\n this._modifyDOM();\n this._init();\n } else {\n if (this.children.length) {\n this._init();\n } else {\n console.warn(\n `${PfeSelect.tag}: The first child in the light DOM must be a supported select tag`\n );\n }\n }\n });\n this.observer.observe(this, { childList: true });\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n super.attributeChangedCallback(attr, oldValue, newValue);\n this.pfeInvalid = newValue;\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n this._input.removeEventListener(\"input\", this._inputChanged);\n }\n\n addOptions(options) {\n // Reset the pfeOptions by concatenating newly added options with _pfeOptions\n this._pfeOptions = this._pfeOptions\n ? this._pfeOptions.concat(options)\n : options;\n }\n\n _handleMultipleSelectedValues(options) {\n // Warn if options array has more than one selected value set as true\n console.warn(\n `${PfeSelect.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`\n );\n // Get the index of the first element with selected \"true\"\n const firstIndex = options.findIndex(el => el.selected);\n // Update the options array with precedence to first element with selected value as true\n return options.map((el, idx) => {\n el.selected = firstIndex == idx;\n return el;\n });\n }\n\n _init() {\n this._input = this.querySelector(\"select\");\n if (!this._input) {\n console.warn(\n `${PfeSelect.tag}: The first child needs to be a select element`\n );\n return;\n }\n this._input.addEventListener(\"change\", this._inputChanged);\n }\n\n _inputChanged() {\n this.emitEvent(PfeSelect.events.change, {\n detail: {\n value: this._input.value\n }\n });\n }\n\n _modifyDOM() {\n // Create select element\n let pfeSelect = document.createElement(\"select\");\n // Create option element for each element in _pfeOptions array\n this._pfeOptions.map(el => {\n const option = Object.assign(document.createElement(\"option\"), el);\n pfeSelect.add(option, null);\n });\n // if select already exists in the DOM then replace the old select with the new _pfeOptions array\n if (this.children.length) {\n const select = this.querySelector(\"select\");\n select.parentNode.replaceChild(pfeSelect, select);\n } else {\n // Otherwise create a new select element\n this.appendChild(pfeSelect);\n }\n }\n}\n\nPFElement.create(PfeSelect);\n\nexport default PfeSelect;\n"],"names":["Object","assign","defineProperty","target","varArgs","TypeError","to","index","arguments","length","nextSource","nextKey","prototype","hasOwnProperty","call","PfeSelect","PFElement","this","_pfeOptions","options","filter","el","selected","_handleMultipleSelectedValues","_modifyDOM","getAttribute","invalidAttr","querySelector","setAttribute","tag","whenDefined","then","_this2","pfeOptions","_init","children","warn","observer","observe","childList","attr","oldValue","newValue","pfeInvalid","disconnect","_input","removeEventListener","_inputChanged","concat","firstIndex","findIndex","map","idx","addEventListener","emitEvent","events","change","value","pfeSelect","document","createElement","option","add","select","parentNode","replaceChild","appendChild","_this","bind","MutationObserver","create"],"mappings":"kUAE6B,mBAAlBA,OAAOC,eAETC,eAAeF,OAAQ,SAAU,OAC/B,SAAgBG,EAAQC,MAGzBD,MAAAA,QACI,IAAIE,UAAU,sDAGlBC,EAAKN,OAAOG,GAEPI,EAAQ,EAAGA,EAAQC,UAAUC,OAAQF,IAAS,KACjDG,EAAaF,UAAUD,MAEvBG,MAAAA,MACG,IAAIC,KAAWD,EAEdV,OAAOY,UAAUC,eAAeC,KAAKJ,EAAYC,OAChDA,GAAWD,EAAWC,WAK1BL,aAEC,gBACI,qeCCZS,+TAAkBC,4yJAeb,yDAIA,4DAIAC,KAAKC,0BAGCC,QACRD,YACwC,EAA3CC,EAAQC,OAAO,mBAAMC,EAAGC,WAAUb,OAC9BQ,KAAKM,8BAA8BJ,GACnCA,OACDK,uDAIEP,KAAKQ,aAAa,6BAGZC,GACRA,QAGAC,cAAc,UAAUC,aAAa,eAAgBF,2CAxCnD,wDASA,kDAmCA,QACMT,KAAKY,gEAKX,CAAC,6LAcOC,YAAYf,EAAUc,KAAKE,KAAK,WACzCC,EAAKC,cACFT,eACAU,SAEDF,EAAKG,SAAS1B,SACXyB,gBAEGE,KACHrB,EAAUc,gFAKhBQ,SAASC,QAAQrB,KAAM,CAAEsB,WAAW,qDAGlBC,EAAMC,EAAUC,0GACRF,EAAMC,EAAUC,QAC1CC,WAAaD,sDAIbL,SAASO,kBACTC,OAAOC,oBAAoB,QAAS7B,KAAK8B,kDAGrC5B,QAEJD,YAAcD,KAAKC,YACpBD,KAAKC,YAAY8B,OAAO7B,GACxBA,wDAGwBA,WAEpBiB,KACHrB,EAAUc,gHAGToB,EAAa9B,EAAQ+B,UAAU,mBAAM7B,EAAGC,kBAEvCH,EAAQgC,IAAI,SAAC9B,EAAI+B,YACnB9B,SAAW2B,GAAcG,EACrB/B,yCAKJwB,OAAS5B,KAAKU,cAAc,UAC5BV,KAAK4B,YAMLA,OAAOQ,iBAAiB,SAAUpC,KAAK8B,uBALlCX,KACHrB,EAAUc,mGAQZyB,UAAUvC,EAAUwC,OAAOC,OAAQ,QAC9B,OACCvC,KAAK4B,OAAOY,kDAOnBC,EAAYC,SAASC,cAAc,kBAElC1C,YAAYiC,IAAI,gBACbU,EAAS7D,OAAOC,OAAO0D,SAASC,cAAc,UAAWvC,KACrDyC,IAAID,EAAQ,QAGpB5C,KAAKkB,SAAS1B,OAAQ,KAClBsD,EAAS9C,KAAKU,cAAc,YAC3BqC,WAAWC,aAAaP,EAAWK,aAGrCG,YAAYR,4VA3Fb3C,aACDG,YAAc,OACdgB,MAAQiC,EAAKjC,MAAMkC,UACnBrB,cAAgBoB,EAAKpB,cAAcqB,UAEnC/B,SAAW,IAAIgC,iBAAiBF,EAAKjC,gBA2F9ClB,EAAUsD,OAAOvD"}
\ No newline at end of file
diff --git a/elements/pfe-select/package-lock.json b/elements/pfe-select/package-lock.json
index 337607ecf2..57ae2503df 100644
--- a/elements/pfe-select/package-lock.json
+++ b/elements/pfe-select/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-select",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-select/package.json b/elements/pfe-select/package.json
index eca9b6cb7a..fbc0e2a93b 100644
--- a/elements/pfe-select/package.json
+++ b/elements/pfe-select/package.json
@@ -4,7 +4,7 @@
"className": "PfeSelect",
"elementName": "pfe-select"
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"description": "Select element for PatternFly Elements",
"repository": {
"type": "git",
@@ -28,7 +28,7 @@
"@patternfly/pfelement": "^1.0.0-prerelease.51"
},
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"generator-pfelement-version": "1.1.0"
}
diff --git a/elements/pfe-styles/dist/pfe-base.css b/elements/pfe-styles/dist/pfe-base.css
new file mode 100644
index 0000000000..db14fe3ac3
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-base.css
@@ -0,0 +1,164 @@
+*,
+*::before,
+*::after {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ padding: 0;
+ margin-top: 0;
+}
+
+html:last-child,
+body:last-child,
+p:last-child,
+ol:last-child,
+ul:last-child,
+li:last-child,
+dl:last-child,
+dt:last-child,
+dd:last-child,
+blockquote:last-child,
+figure:last-child,
+fieldset:last-child,
+legend:last-child,
+textarea:last-child,
+pre:last-child,
+iframe:last-child,
+hr:last-child,
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child,
+h6:last-child {
+ margin-bottom: 0;
+}
+
+ul {
+ list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+}
+
+img,
+embed,
+iframe,
+object,
+audio,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+iframe {
+ border: 0;
+}
+
+table {
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+td,
+th {
+ padding: 0;
+ text-align: left;
+}
+
+html {
+ --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);
+ --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);
+ --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #004080);
+ --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #004080);
+ --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);
+ --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);
+ --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);
+ --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);
+ --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none);
+ font-family: sans-serif;
+ line-height: 1.5;
+ line-height: var(--pfe-theme--line-height, 1.5);
+}
+
+body {
+ font-family: "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif;
+ font-family: var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);
+ font-size: 16px;
+ font-size: var(--pfe-theme--font-size, 16px);
+ font-weight: 500;
+ font-weight: var(--pfe-theme--font-weight--normal, 500);
+ line-height: 1.5;
+ line-height: var(--pfe-theme--line-height, 1.5);
+ color: #151515;
+ color: var(--pfe-theme--color--text, #151515);
+ text-align: left;
+ margin: 0;
+}
+
+a {
+ color: #06c;
+ color: var(--pfe-broadcasted--link, #06c);
+ text-decoration: none;
+ -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none);
+ text-decoration: var(--pfe-broadcasted--link-decoration, none);
+}
+
+a:hover {
+ color: #004080;
+ color: var(--pfe-broadcasted--link--hover, #004080);
+ text-decoration: underline;
+ -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);
+ text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);
+}
+
+a:focus {
+ color: #004080;
+ color: var(--pfe-broadcasted--link--focus, #004080);
+ text-decoration: underline;
+ -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);
+ text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);
+}
+
+a:visited {
+ color: #6753ac;
+ color: var(--pfe-broadcasted--link--visited, #6753ac);
+ text-decoration: none;
+ -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);
+ text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);
+}
+
+button,
+a {
+ cursor: pointer;
+}
+
+/*# sourceMappingURL=pfe-base.css.map */
diff --git a/elements/pfe-styles/dist/pfe-base.css.map b/elements/pfe-styles/dist/pfe-base.css.map
new file mode 100644
index 0000000000..2c6dc0123d
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-base.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["pfe-base.scss","pfe-base.css","../../pfe-sass/mixins/_custom-properties.scss","../../pfe-sass/functions/_custom-properties.scss"],"names":[],"mappings":"AAKA;;;EAGE,8BAAsB;UAAtB,sBAAsB;ACJxB;;ADOA;;;;;;;;;;;;;;;;;;;;;;;EAuBE,UAAU;EACV,aAAa;ACJf;;ADpBA;;;;;;;;;;;;;;;;;;;;;;;EA0BI,gBAAgB;ACoBpB;;ADhBA;EACE,gBAAgB;ACmBlB;;ADhBA;;;;EAIE,SAAS;ACmBX;;ADhBA;;;;;;EAME,eAAe;EACf,YAAY;ACmBd;;ADhBA;EACE,SAAS;ACmBX;;ADhBA;EACE,iBAAiB;EACjB,yBAAyB;ACmB3B;;ADhBA;;EAEE,UAAU;EACV,gBAAgB;ACmBlB;;ADdA;EEToB,+DAAgD;EAAhD,4DAAgD;EAAhD,6EAAgD;EAAhD,6EAAgD;EAAhD,iFAAgD;EAAhD,2EAAgD;EAAhD,8FAAgD;EAAhD,8FAAgD;EAAhD,6FAAgD;EFWlE,uBAAuB;EACvB,gBGxCkC;EHwClC,+CGxCkC;AFiEpC;;ADrBA;EACE,0EG7CkC;EH6ClC,yGG7CkC;EH8ClC,eG9CkC;EH8ClC,4CG9CkC;EH+ClC,gBG/CkC;EH+ClC,uDG/CkC;EHgDlC,gBGhDkC;EHgDlC,+CGhDkC;EHiDlC,cGjDkC;EHiDlC,6CGjDkC;EHkDlC,gBAAgB;EAChB,SAAS;ACwBX;;ADpBA;EACE,WG6D2G;EH7D3G,yCG6D2G;EH5D3G,qBG4D2G;EH5D3G,sEG4D2G;UH5D3G,8DG4D2G;AFrC7G;;ADzBA;EAMM,cGwDuG;EHxDvG,mDGwDuG;EHvDvG,0BGuDuG;EHvDvG,kFGuDuG;UHvDvG,0EGuDuG;AFhC7G;;AD9BA;EAMM,cGwDuG;EHxDvG,mDGwDuG;EHvDvG,0BGuDuG;EHvDvG,kFGuDuG;UHvDvG,0EGuDuG;AF3B7G;;ADnCA;EAMM,cGwDuG;EHxDvG,qDGwDuG;EHvDvG,qBGuDuG;EHvDvG,+EGuDuG;UHvDvG,uEGuDuG;AFtB7G;;AD5BA;;EAEE,eAAe;AC+BjB","file":"pfe-base.css","sourcesContent":["//@TODO, pull from https://github.com/patternfly/patternfly-next/blob/master/src/patternfly/_globals.scss#L90\n@import \"../../pfe-sass/pfe-sass\";\n$LOCAL: pfelement;\n\n// NORMALIZE\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n &:last-child {\n margin-bottom: 0;\n }\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\n// PatternFly Styles\n\nhtml {\n @include pfe-set-broadcast-theme(light);\n font-family: sans-serif;\n line-height: pfe-var(line-height);\n}\n\n\nbody {\n font-family: pfe-var(font-family);\n font-size: pfe-var(font-size);\n font-weight: pfe-var(font-weight--normal);\n line-height: pfe-var(line-height);\n color: pfe-var(text);\n text-align: left;\n margin: 0;\n}\n\n// Links styles\na {\n color: pfe-broadcasted(link);\n text-decoration: pfe-broadcasted(link-decoration);\n\n @each $state in (hover, focus, visited) {\n &:#{$state} {\n color: pfe-broadcasted(link--#{$state});\n text-decoration: pfe-broadcasted(link-decoration--#{$state});\n }\n }\n}\n\nbutton,\na {\n cursor: pointer;\n}\n\n\n","*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n}\n\nhtml:last-child,\nbody:last-child,\np:last-child,\nol:last-child,\nul:last-child,\nli:last-child,\ndl:last-child,\ndt:last-child,\ndd:last-child,\nblockquote:last-child,\nfigure:last-child,\nfieldset:last-child,\nlegend:last-child,\ntextarea:last-child,\npre:last-child,\niframe:last-child,\nhr:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n margin-bottom: 0;\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\nhtml {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #004080);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #004080);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);\n --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);\n --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);\n --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);\n --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none);\n font-family: sans-serif;\n line-height: var(--pfe-theme--line-height, 1.5);\n}\n\nbody {\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n font-size: var(--pfe-theme--font-size, 16px);\n font-weight: var(--pfe-theme--font-weight--normal, 500);\n line-height: var(--pfe-theme--line-height, 1.5);\n color: var(--pfe-theme--color--text, #151515);\n text-align: left;\n margin: 0;\n}\n\na {\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: var(--pfe-broadcasted--link-decoration, none);\n}\n\na:hover {\n color: var(--pfe-broadcasted--link--hover, #004080);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n}\n\na:focus {\n color: var(--pfe-broadcasted--link--focus, #004080);\n text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n}\n\na:visited {\n color: var(--pfe-broadcasted--link--visited, #6753ac);\n text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n}\n\nbutton,\na {\n cursor: pointer;\n}\n","/// ===========================================================================\n/// Broadcast mixin, for use with container components.\n///\n/// This will print all the broadcast variables, and set the value to the theme of your choosing, like on-dark or on-saturated.\n/// @param {String} $theme - Look up values from theme contexts, i.e. \"light\" or \"saturated\"\n/// @param {List | String} $broadcast [$BROADCAST-VARS] - Optionally specify only one broadcast variable instead of the whole set, i.e. \"text\"\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $BROADCAST-VARS - Default list of supported broadcast variables\n///\n/// @example Usage in a container component, i.e. pfe-card:\n/// ```\n/// :host {\n/// @include pfe-set-broadcast-theme(dark);\n/// }\n/// ```\n/// @output:\n/// ```\n/// :host {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-broadcast-theme($theme, $broadcast: $BROADCAST-VARS) {\n @each $type in $broadcast {\n $list: ();\n $string: \"\";\n $context: \"\";\n $state: \"\";\n\n @if str-starts-with($type, \"link\") {\n $list: append($list, \"#{$type}\");\n\n @each $s in (hover, focus, visited) {\n $state: \"--#{$s}\";\n $string: \"#{$type}#{$state}\";\n\n @if not index($list, $string) {\n $list: append($list, \"#{$type}#{$state}\");\n }\n }\n }\n @else {\n @if not index($list, $string) {\n $list: append($list, \"#{$type}\");\n }\n }\n\n @if index($THEMES, $theme) != null {\n @if $theme != \"light\" {\n $context: \"--on-#{$theme}\";\n }\n }\n \n @each $item in $list {\n @if not index($BROADCAST-VARS, $type) {\n @warn \"--#{$repo}-broadcasted--#{$item} variable is not in the $BROADCAST-VARS list.\";\n }\n @else if not pfe-broadcasted(#{$item}#{$context}) {\n @warn \"#{$item}#{$context} value does not currently exist.\";\n }\n @else {\n @if index($THEMES, $theme) != null {\n --#{$repo}-broadcasted--#{$item}: #{pfe-var(#{$item}#{$context})};\n }\n @else {\n @error \"The #{$theme} context does not appear to be part of a supported theme.\";\n }\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Define local variable\n///\n/// Returns CSS Variable for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $value - The value of the css variable being defined\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-print-local($map: $LOCAL-VARIABLES) {\n @each $property, $value in $map {\n $name: \"--#{$property}\";\n $styles: $value;\n\n @if type-of($value) == \"map\" {\n @each $prop, $v in $value {\n $name: \"__#{$property}--#{$prop}\";\n $styles: $v;\n\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n @else {\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n}\n\n/// ===========================================================================\n/// Surface properties \n/// This mixin creates an attribute for all the surface colors, then prints the local background color variable for the component, with the correct theme colors. \n/// @param {List | String} $surfaces [$SURFACES] - defaults to the global $SURFACES list of all supported colors\n/// @param {String} $attr-name [pfe-var] - defaults to pfe-var, optionally pass in a custom name for the data attribute\n///\n/// @example \n/// ```\n/// $LOCAL: band;\n/// @include surfaces;\n/// ```\n///\n/// @output\n/// ```\n/// :host([pfe-color=\"darker\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darker, #464646);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"darkest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darkest, #131313);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"base\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--base, #dfdfdf);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lighter\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lighter, #ececec);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lightest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lightest, #fff);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"accent\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);\n/// --theme: saturated;\n/// }\n/// \n/// :host([pfe-color=\"complement\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--complement, #0477a4);\n/// --theme: saturated;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-surfaces($surfaces: $SURFACE, $attr-name: #{$repo}-color) {\n @each $color in $surfaces {\n $theme: #{pfe-get-theme(surface--#{$color}--theme)};\n :host([#{$attr-name}=\"#{$color}\"]) {\n @include pfe-print-local((\n BackgroundColor: pfe-var(surface--#{$color}),\n theme: pfe-var(surface--#{$color}--theme, #{$theme})\n ));\n @extend %fallback-surface;\n }\n }\n}\n\n/// ===========================================================================\n/// Context properties\n///\n/// Prints the `on` attribute with IE11 fallbacks\n///\n/// @param {List} themes [$THEMES] - defaults to the global $THEMES list of all supported contexts\n/// @param {Boolean} ie-fallback [true] - defaults to true, prints IE11 fallbacks\n/// @example\n/// ```\n/// @include theme-contexts; // imports on=\"light\" etc support\n/// ```\n///\n/// @output\n/// ```\n/// :host([on=\"dark\"]) {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// \n/// @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n/// :host([on=\"dark\"]) {\n/// color: #fff;\n/// color: var(--pfe-theme--color--text--on-dark, #fff);\n/// }\n/// }\n/// ```\n/// ...as well as all the values for :host([on=\"saturated\"]) and :host([on=\"light\"]) \n/// ===========================================================================\n@mixin pfe-theme-contexts($themes: $THEMES, $ie-fallback: true) {\n // Helper attributes to aid in theming\n @each $theme in $themes {\n :host([on=\"#{$theme}\"]) {\n @include pfe-set-broadcast-theme($theme);\n }\n }\n @if $ie-fallback {\n :host {\n @extend %fallback-text;\n }\n }\n}\n","/// ===========================================================================\n/// Get from map - used by pfe-colors, pfe-vars, pfe-zindex\n///\n/// Returns CSS variable stack with exposed theme variable and respective fallback\n///\n/// @param {String} $category - Category name to be appended to variables within the map/system\n/// @param {String} $key - Variable name to be used and prepended with --pfe-theme\n/// @param {Map} $map - SASS Map of variables\n/// @param {String} $fallback [\"\"] - Optional fallback override\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {Boolean} $USE-FALLBACK - True to use fallback colors, false to omit\n/// @example -\n///\n/// 1. To look up a color: /elements/pfe-sass/src/maps/_colors.scss\n/// 2. Use like this:\n/// ```\n/// .my-element {\n/// color: #{pfe-var( text )};\n/// background: #{pfe-var( surface--base )};\n/// }\n/// ```\n/// ===========================================================================\n@function pfe-get-from-map($category, $key, $map, $fallback: null) {\n // Start building the variable declaration\n $var-declaration: \"--#{$repo}-theme--\";\n // If the category exists, inject that into the string\n @if $category != \"\" {\n $var-declaration: \"#{$var-declaration}#{$category}--\";\n }\n // Append the key to the string\n $var-declaration: \"#{$var-declaration}#{$key}\";\n\n // If the fallback is not provided but use-fallback is set to true\n @if $fallback == null and $USE-FALLBACK and map-get($map, $key) != null {\n $fallback: map-get($map, $key);\n }\n @if $fallback != null {\n // Create the variable declaration\n $var-declaration: \"#{$var-declaration}, #{$fallback}\";\n }\n\n // Return the variable declaration string\n @return var(#{$var-declaration}); \n}\n\n/// ===========================================================================\n/// Variable fetch\n///\n/// Returns CSS variable stack with exposed theme variable and respective fallback\n///\n/// @param {String} $cssvar - Variable name to be used and prepended with --pfe-theme\n/// @param {String} $fallback [null] - Optional custom fallback\n/// @requires {Map} $pfe-vars - A map of the variables in the repository\n/// @example -\n///\n/// 1. To look up a value: /elements/pfe-sass/src/maps/_general.scss\n/// 2. Use like this:\n/// ```\n/// .my-element {\n/// padding: #{pfe-var( container-spacer )};\n/// font-size: #{pfe-var( font-size )};\n/// }\n/// ```\n/// 3. Which will return:\n/// ```\n/// .my-element {\n/// padding: var(--pfe-theme--container-spacer, 16px);\n/// font-size: var(--pfe-theme--font-size, 16px);\n/// }\n/// ```\n/// ===========================================================================\n@function pfe-var($cssvar, $fallback: null) {\n $var-name: to-string($cssvar, \"--\");\n @if map-get($pfe-vars, $var-name) != null {\n @return pfe-get-from-map(\"\", $var-name, $pfe-vars, $fallback);\n }\n @else if map-get($pfe-colors, $var-name) != null {\n @return pfe-get-from-map(\"color\", $var-name, $pfe-colors, $fallback);\n }\n @else if map-get($pfe-broadcasted, $var-name) != null {\n @return pfe-get-from-map(\"\", $var-name, $pfe-broadcasted);\n }\n @else {\n @error \"#{$var-name} could not be found.\";\n }\n}\n\n/// ===========================================================================\n/// Local\n///\n/// Returns CSS Var for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@function pfe-local($cssvar, $fallback: null, $region: null) {\n // If a fallback is not defined, use the global variables map\n @if $fallback == null and length($LOCAL-VARIABLES) > 0 {\n @if $region == null {\n $fallback: map-get($LOCAL-VARIABLES, $cssvar);\n }\n @else {\n $submap: map-get($LOCAL-VARIABLES, $region);\n @if type-of($submap) == \"map\" {\n $fallback: map-deep-get($LOCAL-VARIABLES, $region, $cssvar);\n }\n }\n }\n\n // If a region value exists, build the region string\n @if $region != null {\n $region: \"__#{$region}\";\n }\n\n // Start building the variable declaration\n $var-declaration: \"--#{$repo}-#{$LOCAL}#{$region}--#{to-string($cssvar, '--')}\";\n \n @if $fallback != null {\n $var-declaration: \"#{$var-declaration}, #{$fallback}\";\n }\n\n // Return the variable declaration string\n @return var(#{$var-declaration});\n}\n\n/// ===========================================================================\n/// Apply broadcast function, for use with text & links.\n///\n/// It requests that the color property look for a broadcasted variable (from a container component)\n/// first if there is one, and if not, use a theme variable, with the hex color fallback.\n///\n/// @param {String} $broadcast - name of the broadcast variable to apply\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n///\n/// @example: color: #{pfe-broadcasted(ui-base--hover)};\n/// @output: Error: --pfe-broadcasted--ui-base--hover variable is not currently supported.\";\n///\n/// @example: color: #{pfe-broadcasted(link)};\n/// @output: color: var(--pfe-broadcasted--link);\n/// Was: pfe-radio!\n/// ===========================================================================\n@function pfe-broadcasted($broadcast) {\n $fallback: \"\";\n @if $USE-FALLBACK {\n $fallback: \", #{map-get($pfe-broadcasted, #{to-string($broadcast,'--')})}\";\n }\n @if not index($BROADCAST-VARS, first(str-split($broadcast, '--'))) {\n @error \"--#{$repo}-broadcasted--#{$broadcast} variable is not currently supported.\";\n }\n @else {\n @return var(--#{$repo}-broadcasted--#{to-string($broadcast,'--')}#{unquote($fallback)});\n }\n}\n\n/// ===========================================================================\n/// Variable fetch\n///\n/// Returns CSS variable stack with exposed theme variable and respective fallback\n///\n/// @param {String} $cssvar - Variable name to be used and prepended with --pfe-theme--zindex\n/// @requires {Map} $pfe-zindex - SASS Map of z-index values\n/// @example -\n///\n/// 1. To look up a value: /elements/pfe-sass/src/maps/_zindex.scss\n/// 2. Use like this:\n/// ```\n/// .my-element {\n/// z-index: #{pfe-zindex( content )};\n/// }\n/// ```\n/// 3. Which will return:\n/// ```\n/// .my-element {\n/// z-index: var(--pfe-theme--zindex--content, 1);\n/// }\n/// ```\n/// ===========================================================================\n@function pfe-zindex($cssvar) {\n $var-name: to-string($cssvar, \"--\");\n @if map-get($pfe-zindex, $var-name) != null {\n @return pfe-get-from-map(\"zindex\", $var-name, $pfe-zindex);\n }\n @else {\n @error \"The key for #{$var-name} could not be found in the $pfe-zindex map.\";\n }\n}\n\n/// ===========================================================================\n/// Map value fetch\n///\n/// Returns the value (only) of a property from the respective maps\n/// Similar to pfe-var, but does not include css variable in the compiled CSS\n///\n/// @param {String} $name - Name of the key for the map\n/// @example -\n///\n/// 1. To look up a value: /elements/pfe-sass/src/maps/_zindex.scss\n/// 2. Use like this:\n/// ```\n/// .my-element {\n/// background-color: #{pfe-fetch( ui-base )};\n/// }\n/// ```\n/// 3. Which will return:\n/// ```\n/// .my-element {\n/// background-color: #06c;\n/// }\n/// ```\n/// ===========================================================================\n@function pfe-fetch($name) {\n $var-name: to-string($name, \"--\");\n @if map-get($LOCAL-VARIABLES, $var-name) != null {\n @return map-get($LOCAL-VARIABLES, $var-name);\n }\n @if map-get($pfe-vars, $var-name) != null {\n @return map-get($pfe-vars, $var-name);\n }\n @else if map-get($pfe-colors, $var-name) != null {\n @return map-get($pfe-colors, $var-name);\n }\n @else if map-get($pfe-broadcasted, $var-name) != null {\n @return map-get($pfe-broadcasted, $var-name);\n }\n @else {\n @error \"#{$var-name} could not be found.\";\n }\n}"]}
\ No newline at end of file
diff --git a/elements/pfe-styles/dist/pfe-base.min.css b/elements/pfe-styles/dist/pfe-base.min.css
new file mode 100644
index 0000000000..5dc9a652ba
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-base.min.css
@@ -0,0 +1,2 @@
+*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{padding:0;margin-top:0}blockquote:last-child,body:last-child,dd:last-child,dl:last-child,dt:last-child,fieldset:last-child,figure:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,hr:last-child,html:last-child,iframe:last-child,legend:last-child,li:last-child,ol:last-child,p:last-child,pre:last-child,textarea:last-child,ul:last-child{margin-bottom:0}ul{list-style:none}button,input,select,textarea{margin:0}audio,embed,iframe,img,object,video{max-width:100%;height:auto}iframe{border:0}table{border-spacing:0;border-collapse:collapse}td,th{padding:0;text-align:left}html{--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none);font-family:sans-serif;line-height:1.5;line-height:var(--pfe-theme--line-height,1.5)}body{font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);line-height:1.5;line-height:var(--pfe-theme--line-height,1.5);color:#151515;color:var(--pfe-theme--color--text,#151515);text-align:left;margin:0}a{color:#06c;color:var(--pfe-broadcasted--link,#06c);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration,none);text-decoration:var(--pfe-broadcasted--link-decoration,none)}a:hover{color:#004080;color:var(--pfe-broadcasted--link--hover,#004080);text-decoration:underline;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline);text-decoration:var(--pfe-broadcasted--link-decoration--hover,underline)}a:focus{color:#004080;color:var(--pfe-broadcasted--link--focus,#004080);text-decoration:underline;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--focus,underline);text-decoration:var(--pfe-broadcasted--link-decoration--focus,underline)}a:visited{color:#6753ac;color:var(--pfe-broadcasted--link--visited,#6753ac);text-decoration:none;-webkit-text-decoration:var(--pfe-broadcasted--link-decoration--visited,none);text-decoration:var(--pfe-broadcasted--link-decoration--visited,none)}a,button{cursor:pointer}
+/*# sourceMappingURL=pfe-base.min.css.map */
diff --git a/elements/pfe-styles/dist/pfe-base.min.css.map b/elements/pfe-styles/dist/pfe-base.min.css.map
new file mode 100644
index 0000000000..e6a8c3804e
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-base.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../pfe-base.scss","pfe-base.css","../../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAKA,ECHA,QADA,SDOE,mBAAA,WAAA,WAAA,WCQF,WARA,KAOA,GAFA,GACA,GAIA,SADA,OAOA,GACA,GACA,GACA,GACA,GACA,GANA,GDZA,KCWA,OAHA,OAPA,GAFA,GADA,EAYA,IADA,SATA,GDuBE,QAAA,EACA,WAAA,ECQF,sBARA,gBAOA,cAFA,cACA,cAIA,oBADA,kBAOA,cACA,cACA,cACA,cACA,cACA,cANA,cDvCA,gBCsCA,kBAHA,kBAPA,cAFA,cADA,aAYA,eADA,oBATA,cDDI,cAAA,EAIJ,GACE,WAAA,KAGF,OCoBA,MACA,OACA,SDlBE,OAAA,EC0BF,MAHA,MACA,ODrBA,ICsBA,OAEA,MDlBE,UAAA,KACA,OAAA,KAGF,OACE,OAAA,EAGF,MACE,eAAA,EACA,gBAAA,SAGF,GCoBA,GDlBE,QAAA,EACA,WAAA,KAKF,KEToB,wBAAA,uCAAA,wBAAA,oCAAA,+BAAA,8CAAA,+BAAA,8CAAA,iCAAA,gDAAA,mCAAA,wCAAA,0CAAA,oDAAA,0CAAA,oDAAA,4CAAA,iDFWlB,YAAA,WACA,YAAA,IAAA,YAAA,kCAIF,KACE,YAAA,QAAA,CAAA,QAAA,CAAA,SAAA,CAAA,SAAA,CAAA,KAAA,CAAA,WAAA,YAAA,6FACA,UAAA,KAAA,UAAA,iCACA,YAAA,IAAA,YAAA,0CACA,YAAA,IAAA,YAAA,kCACA,MAAA,QAAA,MAAA,sCACA,WAAA,KACA,OAAA,EAIF,EACE,MAAA,KAAA,MAAA,kCACA,gBAAA,KAAA,wBAAA,6CAAA,gBAAA,6CAFF,QAMM,MAAA,QAAA,MAAA,4CACA,gBAAA,UAAA,wBAAA,yDAAA,gBAAA,yDAPN,QAMM,MAAA,QAAA,MAAA,4CACA,gBAAA,UAAA,wBAAA,yDAAA,gBAAA,yDAPN,UAMM,MAAA,QAAA,MAAA,8CACA,gBAAA,KAAA,wBAAA,sDAAA,gBAAA,sDCuDN,EDlDA,OAEE,OAAA","file":"pfe-base.min.css","sourcesContent":[null,"*,\n*::before,\n*::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nhtml,\nbody,\np,\nol,\nul,\nli,\ndl,\ndt,\ndd,\nblockquote,\nfigure,\nfieldset,\nlegend,\ntextarea,\npre,\niframe,\nhr,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n padding: 0;\n margin-top: 0;\n}\n\nhtml:last-child,\nbody:last-child,\np:last-child,\nol:last-child,\nul:last-child,\nli:last-child,\ndl:last-child,\ndt:last-child,\ndd:last-child,\nblockquote:last-child,\nfigure:last-child,\nfieldset:last-child,\nlegend:last-child,\ntextarea:last-child,\npre:last-child,\niframe:last-child,\nhr:last-child,\nh1:last-child,\nh2:last-child,\nh3:last-child,\nh4:last-child,\nh5:last-child,\nh6:last-child {\n margin-bottom: 0;\n}\n\nul {\n list-style: none;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n margin: 0;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\niframe {\n border: 0;\n}\n\ntable {\n border-spacing: 0;\n border-collapse: collapse;\n}\n\ntd,\nth {\n padding: 0;\n text-align: left;\n}\n\nhtml {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #004080);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #004080);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);\n --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);\n --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);\n --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);\n --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none);\n font-family: sans-serif;\n line-height: 1.5;\n line-height: var(--pfe-theme--line-height, 1.5);\n}\n\nbody {\n font-family: \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif;\n font-family: var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);\n font-size: 16px;\n font-size: var(--pfe-theme--font-size, 16px);\n font-weight: 500;\n font-weight: var(--pfe-theme--font-weight--normal, 500);\n line-height: 1.5;\n line-height: var(--pfe-theme--line-height, 1.5);\n color: #151515;\n color: var(--pfe-theme--color--text, #151515);\n text-align: left;\n margin: 0;\n}\n\na {\n color: #06c;\n color: var(--pfe-broadcasted--link, #06c);\n text-decoration: none;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration, none);\n text-decoration: var(--pfe-broadcasted--link-decoration, none);\n}\n\na:hover {\n color: #004080;\n color: var(--pfe-broadcasted--link--hover, #004080);\n text-decoration: underline;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n text-decoration: var(--pfe-broadcasted--link-decoration--hover, underline);\n}\n\na:focus {\n color: #004080;\n color: var(--pfe-broadcasted--link--focus, #004080);\n text-decoration: underline;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n text-decoration: var(--pfe-broadcasted--link-decoration--focus, underline);\n}\n\na:visited {\n color: #6753ac;\n color: var(--pfe-broadcasted--link--visited, #6753ac);\n text-decoration: none;\n -webkit-text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n text-decoration: var(--pfe-broadcasted--link-decoration--visited, none);\n}\n\nbutton,\na {\n cursor: pointer;\n}\n\n/*# sourceMappingURL=pfe-base.css.map */\n"]}
\ No newline at end of file
diff --git a/elements/pfe-styles/dist/pfe-context.css b/elements/pfe-styles/dist/pfe-context.css
new file mode 100644
index 0000000000..10045687f0
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-context.css
@@ -0,0 +1,40 @@
+.on-dark {
+ --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);
+ --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #73bcf7);
+ --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #bee1f4);
+ --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #bee1f4);
+ --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #bee1f4);
+ --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration--on-dark, none);
+ --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover--on-dark, underline);
+ --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus--on-dark, underline);
+ --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited--on-dark, none);
+ --theme: dark;
+}
+
+.on-saturated {
+ --pfe-broadcasted--text: var(--pfe-theme--color--text--on-saturated, #fff);
+ --pfe-broadcasted--link: var(--pfe-theme--color--link--on-saturated, #fff);
+ --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-saturated, #fafafa);
+ --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-saturated, #fafafa);
+ --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-saturated, #8476d1);
+ --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration--on-saturated, underline);
+ --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover--on-saturated, underline);
+ --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus--on-saturated, underline);
+ --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited--on-saturated, underline);
+ --theme: saturated;
+}
+
+.on-light {
+ --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);
+ --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);
+ --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #004080);
+ --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #004080);
+ --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);
+ --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);
+ --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);
+ --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);
+ --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none);
+ --theme: light;
+}
+
+/*# sourceMappingURL=pfe-context.css.map */
diff --git a/elements/pfe-styles/dist/pfe-context.css.map b/elements/pfe-styles/dist/pfe-context.css.map
new file mode 100644
index 0000000000..a7a8facac8
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-context.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["pfe-context.scss","../../pfe-sass/mixins/_custom-properties.scss","pfe-context.css"],"names":[],"mappings":"AAII;ECkEgB,qEAAgD;EAAhD,wEAAgD;EAAhD,sFAAgD;EAAhD,sFAAgD;EAAhD,0FAAgD;EAAhD,oFAAgD;EAAhD,uGAAgD;EAAhD,uGAAgD;EAAhD,sGAAgD;EDhE5D,aAAO;AEKf;;AFPI;ECkEgB,0EAAgD;EAAhD,0EAAgD;EAAhD,2FAAgD;EAAhD,2FAAgD;EAAhD,+FAAgD;EAAhD,8FAAgD;EAAhD,4GAAgD;EAAhD,4GAAgD;EAAhD,gHAAgD;EDhE5D,kBAAO;AEkBf;;AFpBI;ECkEgB,+DAAgD;EAAhD,4DAAgD;EAAhD,6EAAgD;EAAhD,6EAAgD;EAAhD,iFAAgD;EAAhD,2EAAgD;EAAhD,8FAAgD;EAAhD,8FAAgD;EAAhD,6FAAgD;EDhE5D,cAAO;AE+Bf","file":"pfe-context.css","sourcesContent":["@import \"../../pfe-sass/pfe-sass\";\n\n// Helper classes to aid in theming on custom pages\n@each $theme in (dark, saturated, light) {\n .on-#{$theme} {\n @include pfe-set-broadcast-theme($theme);\n --theme: #{$theme};\n }\n}\n","/// ===========================================================================\n/// Broadcast mixin, for use with container components.\n///\n/// This will print all the broadcast variables, and set the value to the theme of your choosing, like on-dark or on-saturated.\n/// @param {String} $theme - Look up values from theme contexts, i.e. \"light\" or \"saturated\"\n/// @param {List | String} $broadcast [$BROADCAST-VARS] - Optionally specify only one broadcast variable instead of the whole set, i.e. \"text\"\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $BROADCAST-VARS - Default list of supported broadcast variables\n///\n/// @example Usage in a container component, i.e. pfe-card:\n/// ```\n/// :host {\n/// @include pfe-set-broadcast-theme(dark);\n/// }\n/// ```\n/// @output:\n/// ```\n/// :host {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-set-broadcast-theme($theme, $broadcast: $BROADCAST-VARS) {\n @each $type in $broadcast {\n $list: ();\n $string: \"\";\n $context: \"\";\n $state: \"\";\n\n @if str-starts-with($type, \"link\") {\n $list: append($list, \"#{$type}\");\n\n @each $s in (hover, focus, visited) {\n $state: \"--#{$s}\";\n $string: \"#{$type}#{$state}\";\n\n @if not index($list, $string) {\n $list: append($list, \"#{$type}#{$state}\");\n }\n }\n }\n @else {\n @if not index($list, $string) {\n $list: append($list, \"#{$type}\");\n }\n }\n\n @if index($THEMES, $theme) != null {\n @if $theme != \"light\" {\n $context: \"--on-#{$theme}\";\n }\n }\n \n @each $item in $list {\n @if not index($BROADCAST-VARS, $type) {\n @warn \"--#{$repo}-broadcasted--#{$item} variable is not in the $BROADCAST-VARS list.\";\n }\n @else if not pfe-broadcasted(#{$item}#{$context}) {\n @warn \"#{$item}#{$context} value does not currently exist.\";\n }\n @else {\n @if index($THEMES, $theme) != null {\n --#{$repo}-broadcasted--#{$item}: #{pfe-var(#{$item}#{$context})};\n }\n @else {\n @error \"The #{$theme} context does not appear to be part of a supported theme.\";\n }\n }\n }\n }\n}\n\n/// ===========================================================================\n/// Define local variable\n///\n/// Returns CSS Variable for the local component-scoped variable\n///\n/// @param {String} $cssvar - Variable identifiers which are postfixed and combined using '--'\n/// @param {String} $value - The value of the css variable being defined\n/// @param {String} $region - Identifies the region or slot to which this is assigned\n/// @requires {String} $repo - Name of repo, which is \"pfe\"\n/// @requires {String} $LOCAL - Name of component, this is defined at the top of the sass file for the component\n/// @use -\n/// ```\n/// :host {\n/// padding-top: #{pfe-local(paddingTop)};\n/// padding-bottom: #{pfe-local(paddingBottom)};\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-print-local($map: $LOCAL-VARIABLES) {\n @each $property, $value in $map {\n $name: \"--#{$property}\";\n $styles: $value;\n\n @if type-of($value) == \"map\" {\n @each $prop, $v in $value {\n $name: \"__#{$property}--#{$prop}\";\n $styles: $v;\n\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n @else {\n // Print the variable definition\n --#{$repo}-#{$LOCAL}#{$name}: #{$styles};\n }\n }\n}\n\n/// ===========================================================================\n/// Surface properties \n/// This mixin creates an attribute for all the surface colors, then prints the local background color variable for the component, with the correct theme colors. \n/// @param {List | String} $surfaces [$SURFACES] - defaults to the global $SURFACES list of all supported colors\n/// @param {String} $attr-name [pfe-var] - defaults to pfe-var, optionally pass in a custom name for the data attribute\n///\n/// @example \n/// ```\n/// $LOCAL: band;\n/// @include surfaces;\n/// ```\n///\n/// @output\n/// ```\n/// :host([pfe-color=\"darker\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darker, #464646);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"darkest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--darkest, #131313);\n/// --theme: dark;\n/// }\n/// \n/// :host([pfe-color=\"base\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--base, #dfdfdf);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lighter\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lighter, #ececec);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"lightest\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--lightest, #fff);\n/// --theme: light;\n/// }\n/// \n/// :host([pfe-color=\"accent\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--accent, #ee0000);\n/// --theme: saturated;\n/// }\n/// \n/// :host([pfe-color=\"complement\"]) {\n/// --pfe-band--BackgroundColor: var(--pfe-theme--color--surface--complement, #0477a4);\n/// --theme: saturated;\n/// }\n/// ```\n/// ===========================================================================\n@mixin pfe-surfaces($surfaces: $SURFACE, $attr-name: #{$repo}-color) {\n @each $color in $surfaces {\n $theme: #{pfe-get-theme(surface--#{$color}--theme)};\n :host([#{$attr-name}=\"#{$color}\"]) {\n @include pfe-print-local((\n BackgroundColor: pfe-var(surface--#{$color}),\n theme: pfe-var(surface--#{$color}--theme, #{$theme})\n ));\n @extend %fallback-surface;\n }\n }\n}\n\n/// ===========================================================================\n/// Context properties\n///\n/// Prints the `on` attribute with IE11 fallbacks\n///\n/// @param {List} themes [$THEMES] - defaults to the global $THEMES list of all supported contexts\n/// @param {Boolean} ie-fallback [true] - defaults to true, prints IE11 fallbacks\n/// @example\n/// ```\n/// @include theme-contexts; // imports on=\"light\" etc support\n/// ```\n///\n/// @output\n/// ```\n/// :host([on=\"dark\"]) {\n/// --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n/// --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #99ccff);\n/// --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #cce6ff);\n/// --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #b38cd9);\n/// --pfe-broadcasted--link-decoration: none;\n/// --pfe-broadcasted--link-decoration--hover: underline;\n/// --pfe-broadcasted--link-decoration--focus: underline;\n/// --pfe-broadcasted--link-decoration--visited: none;\n/// }\n/// \n/// @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { /* IE10+ */\n/// :host([on=\"dark\"]) {\n/// color: #fff;\n/// color: var(--pfe-theme--color--text--on-dark, #fff);\n/// }\n/// }\n/// ```\n/// ...as well as all the values for :host([on=\"saturated\"]) and :host([on=\"light\"]) \n/// ===========================================================================\n@mixin pfe-theme-contexts($themes: $THEMES, $ie-fallback: true) {\n // Helper attributes to aid in theming\n @each $theme in $themes {\n :host([on=\"#{$theme}\"]) {\n @include pfe-set-broadcast-theme($theme);\n }\n }\n @if $ie-fallback {\n :host {\n @extend %fallback-text;\n }\n }\n}\n",".on-dark {\n --pfe-broadcasted--text: var(--pfe-theme--color--text--on-dark, #fff);\n --pfe-broadcasted--link: var(--pfe-theme--color--link--on-dark, #73bcf7);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-dark, #bee1f4);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-dark, #bee1f4);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-dark, #bee1f4);\n --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration--on-dark, none);\n --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover--on-dark, underline);\n --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus--on-dark, underline);\n --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited--on-dark, none);\n --theme: dark;\n}\n\n.on-saturated {\n --pfe-broadcasted--text: var(--pfe-theme--color--text--on-saturated, #fff);\n --pfe-broadcasted--link: var(--pfe-theme--color--link--on-saturated, #fff);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover--on-saturated, #fafafa);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus--on-saturated, #fafafa);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited--on-saturated, #8476d1);\n --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration--on-saturated, underline);\n --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover--on-saturated, underline);\n --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus--on-saturated, underline);\n --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited--on-saturated, underline);\n --theme: saturated;\n}\n\n.on-light {\n --pfe-broadcasted--text: var(--pfe-theme--color--text, #151515);\n --pfe-broadcasted--link: var(--pfe-theme--color--link, #06c);\n --pfe-broadcasted--link--hover: var(--pfe-theme--color--link--hover, #004080);\n --pfe-broadcasted--link--focus: var(--pfe-theme--color--link--focus, #004080);\n --pfe-broadcasted--link--visited: var(--pfe-theme--color--link--visited, #6753ac);\n --pfe-broadcasted--link-decoration: var(--pfe-theme--link-decoration, none);\n --pfe-broadcasted--link-decoration--hover: var(--pfe-theme--link-decoration--hover, underline);\n --pfe-broadcasted--link-decoration--focus: var(--pfe-theme--link-decoration--focus, underline);\n --pfe-broadcasted--link-decoration--visited: var(--pfe-theme--link-decoration--visited, none);\n --theme: light;\n}\n"]}
\ No newline at end of file
diff --git a/elements/pfe-styles/dist/pfe-context.min.css b/elements/pfe-styles/dist/pfe-context.min.css
new file mode 100644
index 0000000000..27f6013ada
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-context.min.css
@@ -0,0 +1,2 @@
+.on-dark{--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none);--theme:dark}.on-saturated{--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline);--theme:saturated}.on-light{--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none);--theme:light}
+/*# sourceMappingURL=pfe-context.min.css.map */
diff --git a/elements/pfe-styles/dist/pfe-context.min.css.map b/elements/pfe-styles/dist/pfe-context.min.css.map
new file mode 100644
index 0000000000..517a9b7dd0
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-context.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../pfe-context.scss","../../../pfe-sass/mixins/_custom-properties.scss"],"names":[],"mappings":"AAII,SCkEgB,wBAAA,6CAAA,wBAAA,gDAAA,+BAAA,uDAAA,+BAAA,uDAAA,iCAAA,yDAAA,mCAAA,iDAAA,0CAAA,6DAAA,0CAAA,6DAAA,4CAAA,0DDhEZ,QAAA,KAFJ,cCkEgB,wBAAA,kDAAA,wBAAA,kDAAA,+BAAA,4DAAA,+BAAA,4DAAA,iCAAA,8DAAA,mCAAA,2DAAA,0CAAA,kEAAA,0CAAA,kEAAA,4CAAA,oEDhEZ,QAAA,UAFJ,UCkEgB,wBAAA,uCAAA,wBAAA,oCAAA,+BAAA,8CAAA,+BAAA,8CAAA,iCAAA,gDAAA,mCAAA,wCAAA,0CAAA,oDAAA,0CAAA,oDAAA,4CAAA,iDDhEZ,QAAA","file":"pfe-context.min.css","sourcesContent":[]}
\ No newline at end of file
diff --git a/elements/pfe-styles/dist/pfe-layouts.css b/elements/pfe-styles/dist/pfe-layouts.css
new file mode 100644
index 0000000000..85f97a4205
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-layouts.css
@@ -0,0 +1,2132 @@
+.pfe-l--text-align--left {
+ text-align: left;
+}
+
+.pfe-l--text-align--center {
+ text-align: center;
+}
+
+.pfe-l--text-align--right {
+ text-align: right;
+}
+
+.pfe-l-grid {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+
+.pfe-l-grid > *, .pfe-l-grid__item {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ width: 100%;
+ margin: 0 auto;
+}
+
+@media screen and (min-width: 576px) {
+ .pfe-l-grid.pfe-m-all-1-col > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col {
+ width: calc(100% - 16px);
+ }
+}
+
+@media screen and (max-width: 0) {
+ .pfe-l-grid.pfe-m-all-1-col-on-xs > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-xs > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-xs > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-xs > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-xs > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-xs > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-xs > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-xs > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-xs > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-xs > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-xs > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-xs > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-xs {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-xs {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-xs {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-xs {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-xs {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-xs {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-xs {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-xs {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-xs {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-xs {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-xs {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-xs {
+ width: calc(100% - 16px);
+ }
+}
+
+@media screen and (min-width: 576px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-sm > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-sm > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-sm > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-sm > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-sm > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-sm > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-sm > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-sm > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-sm > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-sm > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-sm > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-sm > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-sm {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-sm {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-sm {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-sm {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-sm {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-sm {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-sm {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-sm {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-sm {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-sm {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-sm {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-sm {
+ width: calc(100% - 16px);
+ }
+}
+
+@media screen and (min-width: 768px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-md > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-md > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-md > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-md > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-md > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-md > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-md > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-md > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-md > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-md > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-md > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-md > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-md {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-md {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-md {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-md {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-md {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-md {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-md {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-md {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-md {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-md {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-md {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-md {
+ width: calc(100% - 16px);
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-lg > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-lg > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-lg > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-lg > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-lg > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-lg > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-lg > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-lg > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-lg > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-lg > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-lg > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-lg > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-lg {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-lg {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-lg {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-lg {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-lg {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-lg {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-lg {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-lg {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-lg {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-lg {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-lg {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-lg {
+ width: calc(100% - 16px);
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-xl > * {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-xl > * {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-xl > * {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-xl > * {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-xl > * {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-xl > * {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-xl > * {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-xl > * {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-xl > * {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-xl > * {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-xl > * {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-xl > * {
+ width: calc(100% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-xl {
+ width: calc(8.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-xl {
+ width: calc(16.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-xl {
+ width: calc(25% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-xl {
+ width: calc(33.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-xl {
+ width: calc(41.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-xl {
+ width: calc(50% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-xl {
+ width: calc(58.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-xl {
+ width: calc(66.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-xl {
+ width: calc(75% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-xl {
+ width: calc(83.33333% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-xl {
+ width: calc(91.66667% - 16px);
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-xl {
+ width: calc(100% - 16px);
+ }
+}
+
+.pfe-l-grid.pfe-m-gutters {
+ margin: calc(8px * -1);
+}
+
+.pfe-l-grid.pfe-m-gutters > * {
+ margin: 8px;
+}
+
+@supports (display: grid) {
+ .pfe-l-grid {
+ display: -ms-grid;
+ display: grid;
+ -ms-grid-columns: ([col-start] 1fr)[12];
+ grid-template-columns: repeat(12, [col-start] 1fr);
+ }
+ .pfe-l-grid > *, .pfe-l-grid__item {
+ width: auto;
+ margin: 0;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid.pfe-l-grid-fill-height {
+ height: 100%;
+ }
+ @media screen and (min-width: 576px) {
+ .pfe-l-grid.pfe-m-all-1-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ @media screen and (max-width: 0) {
+ .pfe-l-grid.pfe-m-all-1-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-xs > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-xs {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col-on-xs {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col-on-xs {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col-on-xs {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col-on-xs {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col-on-xs {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col-on-xs {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col-on-xs {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col-on-xs {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col-on-xs {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col-on-xs {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col-on-xs {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col-on-xs {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row-on-xs {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row-on-xs {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row-on-xs {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row-on-xs {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row-on-xs {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row-on-xs {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row-on-xs {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row-on-xs {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row-on-xs {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row-on-xs {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row-on-xs {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row-on-xs {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ @media screen and (min-width: 576px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-sm > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-sm {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col-on-sm {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col-on-sm {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col-on-sm {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col-on-sm {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col-on-sm {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col-on-sm {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col-on-sm {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col-on-sm {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col-on-sm {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col-on-sm {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col-on-sm {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col-on-sm {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row-on-sm {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row-on-sm {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row-on-sm {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row-on-sm {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row-on-sm {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row-on-sm {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row-on-sm {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row-on-sm {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row-on-sm {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row-on-sm {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row-on-sm {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row-on-sm {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ @media screen and (min-width: 768px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-md > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-md {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col-on-md {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col-on-md {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col-on-md {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col-on-md {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col-on-md {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col-on-md {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col-on-md {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col-on-md {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col-on-md {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col-on-md {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col-on-md {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col-on-md {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row-on-md {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row-on-md {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row-on-md {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row-on-md {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row-on-md {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row-on-md {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row-on-md {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row-on-md {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row-on-md {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row-on-md {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row-on-md {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row-on-md {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ @media screen and (min-width: 992px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-lg > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-lg {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col-on-lg {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col-on-lg {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col-on-lg {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col-on-lg {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col-on-lg {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col-on-lg {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col-on-lg {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col-on-lg {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col-on-lg {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col-on-lg {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col-on-lg {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col-on-lg {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row-on-lg {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row-on-lg {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row-on-lg {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row-on-lg {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row-on-lg {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row-on-lg {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row-on-lg {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row-on-lg {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row-on-lg {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row-on-lg {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row-on-lg {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row-on-lg {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ @media screen and (min-width: 1200px) {
+ .pfe-l-grid.pfe-m-all-1-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid.pfe-m-all-2-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid.pfe-m-all-3-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid.pfe-m-all-4-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid.pfe-m-all-5-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid.pfe-m-all-6-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid.pfe-m-all-7-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid.pfe-m-all-8-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid.pfe-m-all-9-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid.pfe-m-all-10-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid.pfe-m-all-11-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid.pfe-m-all-12-col-on-xl > * {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-1-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 1;
+ grid-column-end: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 2;
+ grid-column-end: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 3;
+ grid-column-end: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 4;
+ grid-column-end: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 5;
+ grid-column-end: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 6;
+ grid-column-end: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 7;
+ grid-column-end: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 8;
+ grid-column-end: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 9;
+ grid-column-end: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 10;
+ grid-column-end: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 11;
+ grid-column-end: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-col-on-xl {
+ width: auto;
+ -ms-grid-column: auto;
+ grid-column-start: auto;
+ -ms-grid-column-span: 12;
+ grid-column-end: span 12;
+ }
+ .pfe-l-grid > .pfe-m-startat-1-col-on-xl {
+ -ms-grid-column: col-start 1;
+ grid-column-start: col-start 1;
+ }
+ .pfe-l-grid > .pfe-m-startat-2-col-on-xl {
+ -ms-grid-column: col-start 2;
+ grid-column-start: col-start 2;
+ }
+ .pfe-l-grid > .pfe-m-startat-3-col-on-xl {
+ -ms-grid-column: col-start 3;
+ grid-column-start: col-start 3;
+ }
+ .pfe-l-grid > .pfe-m-startat-4-col-on-xl {
+ -ms-grid-column: col-start 4;
+ grid-column-start: col-start 4;
+ }
+ .pfe-l-grid > .pfe-m-startat-5-col-on-xl {
+ -ms-grid-column: col-start 5;
+ grid-column-start: col-start 5;
+ }
+ .pfe-l-grid > .pfe-m-startat-6-col-on-xl {
+ -ms-grid-column: col-start 6;
+ grid-column-start: col-start 6;
+ }
+ .pfe-l-grid > .pfe-m-startat-7-col-on-xl {
+ -ms-grid-column: col-start 7;
+ grid-column-start: col-start 7;
+ }
+ .pfe-l-grid > .pfe-m-startat-8-col-on-xl {
+ -ms-grid-column: col-start 8;
+ grid-column-start: col-start 8;
+ }
+ .pfe-l-grid > .pfe-m-startat-9-col-on-xl {
+ -ms-grid-column: col-start 9;
+ grid-column-start: col-start 9;
+ }
+ .pfe-l-grid > .pfe-m-startat-10-col-on-xl {
+ -ms-grid-column: col-start 10;
+ grid-column-start: col-start 10;
+ }
+ .pfe-l-grid > .pfe-m-startat-11-col-on-xl {
+ -ms-grid-column: col-start 11;
+ grid-column-start: col-start 11;
+ }
+ .pfe-l-grid > .pfe-m-startat-12-col-on-xl {
+ -ms-grid-column: col-start 12;
+ grid-column-start: col-start 12;
+ }
+ .pfe-l-grid > .pfe-m-1-row-on-xl {
+ -ms-grid-row-span: 1;
+ grid-row: span 1;
+ }
+ .pfe-l-grid > .pfe-m-2-row-on-xl {
+ -ms-grid-row-span: 2;
+ grid-row: span 2;
+ }
+ .pfe-l-grid > .pfe-m-3-row-on-xl {
+ -ms-grid-row-span: 3;
+ grid-row: span 3;
+ }
+ .pfe-l-grid > .pfe-m-4-row-on-xl {
+ -ms-grid-row-span: 4;
+ grid-row: span 4;
+ }
+ .pfe-l-grid > .pfe-m-5-row-on-xl {
+ -ms-grid-row-span: 5;
+ grid-row: span 5;
+ }
+ .pfe-l-grid > .pfe-m-6-row-on-xl {
+ -ms-grid-row-span: 6;
+ grid-row: span 6;
+ }
+ .pfe-l-grid > .pfe-m-7-row-on-xl {
+ -ms-grid-row-span: 7;
+ grid-row: span 7;
+ }
+ .pfe-l-grid > .pfe-m-8-row-on-xl {
+ -ms-grid-row-span: 8;
+ grid-row: span 8;
+ }
+ .pfe-l-grid > .pfe-m-9-row-on-xl {
+ -ms-grid-row-span: 9;
+ grid-row: span 9;
+ }
+ .pfe-l-grid > .pfe-m-10-row-on-xl {
+ -ms-grid-row-span: 10;
+ grid-row: span 10;
+ }
+ .pfe-l-grid > .pfe-m-11-row-on-xl {
+ -ms-grid-row-span: 11;
+ grid-row: span 11;
+ }
+ .pfe-l-grid > .pfe-m-12-row-on-xl {
+ -ms-grid-row-span: 12;
+ grid-row: span 12;
+ }
+ }
+ .pfe-l-grid.pfe-m-gutters {
+ grid-gap: 16px;
+ margin: 0;
+ }
+ .pfe-l-grid.pfe-m-gutters > * {
+ margin: 0;
+ }
+}
+
+.pfe-l-bullseye {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -webkit-align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -webkit-justify-content: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ height: 100%;
+ padding: 16px;
+ padding: var(--pfe-theme--container-spacer, 16px);
+ margin: 0;
+}
+
+/*# sourceMappingURL=pfe-layouts.css.map */
diff --git a/elements/pfe-styles/dist/pfe-layouts.css.map b/elements/pfe-styles/dist/pfe-layouts.css.map
new file mode 100644
index 0000000000..25bcfe331e
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-layouts.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["layouts/_alignments.scss","pfe-layouts.css","layouts/_grid.scss","layouts/_bullseye.scss"],"names":[],"mappings":"AAEA;EACE,gBAAgB;ACDlB;;ADIA;EACE,kBAAkB;ACDpB;;ADIA;EACE,iBAAiB;ACDnB;;AC6GA;EACE,8BAAsB;UAAtB,sBAAsB;EACtB,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,uBAAe;MAAf,mBAAe;UAAf,eAAe;AD1GjB;;ACuGA;EAOI,8BAAsB;UAAtB,sBAAsB;EACtB,WAAW;EACX,cAAc;AD1GlB;;ACII;EAqEE;IAEE,4BAAyC;EDtE/C;ECoEI;IAEE,6BAAyC;EDnE/C;ECiEI;IAEE,uBAAyC;EDhE/C;EC8DI;IAEE,6BAAyC;ED7D/C;EC2DI;IAEE,6BAAyC;ED1D/C;ECwDI;IAEE,uBAAyC;EDvD/C;ECqDI;IAEE,6BAAyC;EDpD/C;ECkDI;IAEE,6BAAyC;EDjD/C;EC+CI;IAEE,uBAAyC;ED9C/C;EC4CI;IAEE,6BAAyC;ED3C/C;ECyCI;IAEE,6BAAyC;EDxC/C;ECsCI;IAEE,wBAAyC;EDrC/C;ECNE;IAEE,4BAAyC;EDO7C;ECTE;IAEE,6BAAyC;EDU7C;ECZE;IAEE,uBAAyC;EDa7C;ECfE;IAEE,6BAAyC;EDgB7C;EClBE;IAEE,6BAAyC;EDmB7C;ECrBE;IAEE,uBAAyC;EDsB7C;ECxBE;IAEE,6BAAyC;EDyB7C;EC3BE;IAEE,6BAAyC;ED4B7C;EC9BE;IAEE,uBAAyC;ED+B7C;ECjCE;IAEE,6BAAyC;EDkC7C;ECpCE;IAEE,6BAAyC;EDqC7C;ECvCE;IAEE,wBAAyC;EDwC7C;AACF;;AC5EI;EA0EE;IAEE,4BAAyC;EDK/C;ECPI;IAEE,6BAAyC;EDQ/C;ECVI;IAEE,uBAAyC;EDW/C;ECbI;IAEE,6BAAyC;EDc/C;EChBI;IAEE,6BAAyC;EDiB/C;ECnBI;IAEE,uBAAyC;EDoB/C;ECtBI;IAEE,6BAAyC;EDuB/C;ECzBI;IAEE,6BAAyC;ED0B/C;EC5BI;IAEE,uBAAyC;ED6B/C;EC/BI;IAEE,6BAAyC;EDgC/C;EClCI;IAEE,6BAAyC;EDmC/C;ECrCI;IAEE,wBAAyC;EDsC/C;ECjFE;IAEE,4BAAyC;EDkF7C;ECpFE;IAEE,6BAAyC;EDqF7C;ECvFE;IAEE,uBAAyC;EDwF7C;EC1FE;IAEE,6BAAyC;ED2F7C;EC7FE;IAEE,6BAAyC;ED8F7C;EChGE;IAEE,uBAAyC;EDiG7C;ECnGE;IAEE,6BAAyC;EDoG7C;ECtGE;IAEE,6BAAyC;EDuG7C;ECzGE;IAEE,uBAAyC;ED0G7C;EC5GE;IAEE,6BAAyC;ED6G7C;EC/GE;IAEE,6BAAyC;EDgH7C;EClHE;IAEE,wBAAyC;EDmH7C;AACF;;AClJI;EAqEE;IAEE,4BAAyC;EDgF/C;EClFI;IAEE,6BAAyC;EDmF/C;ECrFI;IAEE,uBAAyC;EDsF/C;ECxFI;IAEE,6BAAyC;EDyF/C;EC3FI;IAEE,6BAAyC;ED4F/C;EC9FI;IAEE,uBAAyC;ED+F/C;ECjGI;IAEE,6BAAyC;EDkG/C;ECpGI;IAEE,6BAAyC;EDqG/C;ECvGI;IAEE,uBAAyC;EDwG/C;EC1GI;IAEE,6BAAyC;ED2G/C;EC7GI;IAEE,6BAAyC;ED8G/C;EChHI;IAEE,wBAAyC;EDiH/C;EC5JE;IAEE,4BAAyC;ED6J7C;EC/JE;IAEE,6BAAyC;EDgK7C;EClKE;IAEE,uBAAyC;EDmK7C;ECrKE;IAEE,6BAAyC;EDsK7C;ECxKE;IAEE,6BAAyC;EDyK7C;EC3KE;IAEE,uBAAyC;ED4K7C;EC9KE;IAEE,6BAAyC;ED+K7C;ECjLE;IAEE,6BAAyC;EDkL7C;ECpLE;IAEE,uBAAyC;EDqL7C;ECvLE;IAEE,6BAAyC;EDwL7C;EC1LE;IAEE,6BAAyC;ED2L7C;EC7LE;IAEE,wBAAyC;ED8L7C;AACF;;ACxNI;EAgEE;IAEE,4BAAyC;ED2J/C;EC7JI;IAEE,6BAAyC;ED8J/C;EChKI;IAEE,uBAAyC;EDiK/C;ECnKI;IAEE,6BAAyC;EDoK/C;ECtKI;IAEE,6BAAyC;EDuK/C;ECzKI;IAEE,uBAAyC;ED0K/C;EC5KI;IAEE,6BAAyC;ED6K/C;EC/KI;IAEE,6BAAyC;EDgL/C;EClLI;IAEE,uBAAyC;EDmL/C;ECrLI;IAEE,6BAAyC;EDsL/C;ECxLI;IAEE,6BAAyC;EDyL/C;EC3LI;IAEE,wBAAyC;ED4L/C;ECvOE;IAEE,4BAAyC;EDwO7C;EC1OE;IAEE,6BAAyC;ED2O7C;EC7OE;IAEE,uBAAyC;ED8O7C;EChPE;IAEE,6BAAyC;EDiP7C;ECnPE;IAEE,6BAAyC;EDoP7C;ECtPE;IAEE,uBAAyC;EDuP7C;ECzPE;IAEE,6BAAyC;ED0P7C;EC5PE;IAEE,6BAAyC;ED6P7C;EC/PE;IAEE,uBAAyC;EDgQ7C;EClQE;IAEE,6BAAyC;EDmQ7C;ECrQE;IAEE,6BAAyC;EDsQ7C;ECxQE;IAEE,wBAAyC;EDyQ7C;AACF;;AC9RI;EA2DE;IAEE,4BAAyC;EDsO/C;ECxOI;IAEE,6BAAyC;EDyO/C;EC3OI;IAEE,uBAAyC;ED4O/C;EC9OI;IAEE,6BAAyC;ED+O/C;ECjPI;IAEE,6BAAyC;EDkP/C;ECpPI;IAEE,uBAAyC;EDqP/C;ECvPI;IAEE,6BAAyC;EDwP/C;EC1PI;IAEE,6BAAyC;ED2P/C;EC7PI;IAEE,uBAAyC;ED8P/C;EChQI;IAEE,6BAAyC;EDiQ/C;ECnQI;IAEE,6BAAyC;EDoQ/C;ECtQI;IAEE,wBAAyC;EDuQ/C;EClTE;IAEE,4BAAyC;EDmT7C;ECrTE;IAEE,6BAAyC;EDsT7C;ECxTE;IAEE,uBAAyC;EDyT7C;EC3TE;IAEE,6BAAyC;ED4T7C;EC9TE;IAEE,6BAAyC;ED+T7C;ECjUE;IAEE,uBAAyC;EDkU7C;ECpUE;IAEE,6BAAyC;EDqU7C;ECvUE;IAEE,6BAAyC;EDwU7C;EC1UE;IAEE,uBAAyC;ED2U7C;EC7UE;IAEE,6BAAyC;ED8U7C;EChVE;IAEE,6BAAyC;EDiV7C;ECnVE;IAEE,wBAAyC;EDoV7C;AACF;;ACpWI;EAsDE;IAEE,4BAAyC;EDiT/C;ECnTI;IAEE,6BAAyC;EDoT/C;ECtTI;IAEE,uBAAyC;EDuT/C;ECzTI;IAEE,6BAAyC;ED0T/C;EC5TI;IAEE,6BAAyC;ED6T/C;EC/TI;IAEE,uBAAyC;EDgU/C;EClUI;IAEE,6BAAyC;EDmU/C;ECrUI;IAEE,6BAAyC;EDsU/C;ECxUI;IAEE,uBAAyC;EDyU/C;EC3UI;IAEE,6BAAyC;ED4U/C;EC9UI;IAEE,6BAAyC;ED+U/C;ECjVI;IAEE,wBAAyC;EDkV/C;EC7XE;IAEE,4BAAyC;ED8X7C;EChYE;IAEE,6BAAyC;EDiY7C;ECnYE;IAEE,uBAAyC;EDoY7C;ECtYE;IAEE,6BAAyC;EDuY7C;ECzYE;IAEE,6BAAyC;ED0Y7C;EC5YE;IAEE,uBAAyC;ED6Y7C;EC/YE;IAEE,6BAAyC;EDgZ7C;EClZE;IAEE,6BAAyC;EDmZ7C;ECrZE;IAEE,uBAAyC;EDsZ7C;ECxZE;IAEE,6BAAyC;EDyZ7C;EC3ZE;IAEE,6BAAyC;ED4Z7C;EC9ZE;IAEE,wBAAyC;ED+Z7C;AACF;;ACjWA;EAqBI,sBAAoC;ADgVxC;;ACrWA;EAwBQ,WAAQ;ADiVhB;;ACxUwB;EACtB;IACE,iBAAa;IAAb,aAAa;IACb,uCAAkD;IAAlD,kDAAkD;ED2UpD;EC7UA;IAMI,WAAW;IACX,SAAS;IACT,qBAAuB;QAAvB,uBAAuB;IACvB,wBAAwB;IAAxB,wBAAwB;ED0U5B;ECnVA;IAaI,YAAY;EDyUhB;ECrdE;IAgFE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID6YlB;IC3YE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDkZlB;IChZE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDuZlB;ICrZE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID4ZlB;IC1ZE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDialB;IC/ZE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDsalB;ICpaE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID2alB;ICzaE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDgblB;IC9aE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDqblB;ICnbE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID0blB;ICxbE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID+blB;IC7bE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDoclB;ICteA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID4elB;IC3eA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDiflB;IChfA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDsflB;ICrfA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID2flB;IC1fA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDggBlB;IC/fA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDqgBlB;ICpgBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID0gBlB;ICzgBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID+gBlB;IC9gBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDohBlB;ICnhBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDyhBlB;ICxhBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID8hBlB;IC7hBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDmiBlB;ICzhBA;MACE,4BAFgB;UAEhB,8BAFgB;ID6hBlB;IC5hBA;MACE,4BAFgB;UAEhB,8BAFgB;IDgiBlB;IC/hBA;MACE,4BAFgB;UAEhB,8BAFgB;IDmiBlB;ICliBA;MACE,4BAFgB;UAEhB,8BAFgB;IDsiBlB;ICriBA;MACE,4BAFgB;UAEhB,8BAFgB;IDyiBlB;ICxiBA;MACE,4BAFgB;UAEhB,8BAFgB;ID4iBlB;IC3iBA;MACE,4BAFgB;UAEhB,8BAFgB;ID+iBlB;IC9iBA;MACE,4BAFgB;UAEhB,8BAFgB;IDkjBlB;ICjjBA;MACE,4BAFgB;UAEhB,8BAFgB;IDqjBlB;ICpjBA;MACE,6BAFgB;UAEhB,+BAFgB;IDwjBlB;ICvjBA;MACE,6BAFgB;UAEhB,+BAFgB;ID2jBlB;IC1jBA;MACE,6BAFgB;UAEhB,+BAFgB;ID8jBlB;ICtjBA;MACE,oBAFgB;MAEhB,gBAFgB;ID0jBlB;ICzjBA;MACE,oBAFgB;MAEhB,gBAFgB;ID6jBlB;IC5jBA;MACE,oBAFgB;MAEhB,gBAFgB;IDgkBlB;IC/jBA;MACE,oBAFgB;MAEhB,gBAFgB;IDmkBlB;IClkBA;MACE,oBAFgB;MAEhB,gBAFgB;IDskBlB;ICrkBA;MACE,oBAFgB;MAEhB,gBAFgB;IDykBlB;ICxkBA;MACE,oBAFgB;MAEhB,gBAFgB;ID4kBlB;IC3kBA;MACE,oBAFgB;MAEhB,gBAFgB;ID+kBlB;IC9kBA;MACE,oBAFgB;MAEhB,gBAFgB;IDklBlB;ICjlBA;MACE,qBAFgB;MAEhB,iBAFgB;IDqlBlB;ICplBA;MACE,qBAFgB;MAEhB,iBAFgB;IDwlBlB;ICvlBA;MACE,qBAFgB;MAEhB,iBAFgB;ID2lBlB;EACF;EC5pBE;IAqFE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID+kBlB;IC7kBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDolBlB;ICllBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDylBlB;ICvlBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID8lBlB;IC5lBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDmmBlB;ICjmBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDwmBlB;ICtmBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID6mBlB;IC3mBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDknBlB;IChnBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDunBlB;ICrnBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID4nBlB;IC1nBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDioBlB;IC/nBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDsoBlB;ICxqBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID8qBlB;IC7qBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDmrBlB;IClrBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDwrBlB;ICvrBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID6rBlB;IC5rBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDksBlB;ICjsBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDusBlB;ICtsBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID4sBlB;IC3sBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDitBlB;IChtBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDstBlB;ICrtBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID2tBlB;IC1tBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDguBlB;IC/tBA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDquBlB;IC3tBA;MACE,4BAFgB;UAEhB,8BAFgB;ID+tBlB;IC9tBA;MACE,4BAFgB;UAEhB,8BAFgB;IDkuBlB;ICjuBA;MACE,4BAFgB;UAEhB,8BAFgB;IDquBlB;ICpuBA;MACE,4BAFgB;UAEhB,8BAFgB;IDwuBlB;ICvuBA;MACE,4BAFgB;UAEhB,8BAFgB;ID2uBlB;IC1uBA;MACE,4BAFgB;UAEhB,8BAFgB;ID8uBlB;IC7uBA;MACE,4BAFgB;UAEhB,8BAFgB;IDivBlB;IChvBA;MACE,4BAFgB;UAEhB,8BAFgB;IDovBlB;ICnvBA;MACE,4BAFgB;UAEhB,8BAFgB;IDuvBlB;ICtvBA;MACE,6BAFgB;UAEhB,+BAFgB;ID0vBlB;ICzvBA;MACE,6BAFgB;UAEhB,+BAFgB;ID6vBlB;IC5vBA;MACE,6BAFgB;UAEhB,+BAFgB;IDgwBlB;ICxvBA;MACE,oBAFgB;MAEhB,gBAFgB;ID4vBlB;IC3vBA;MACE,oBAFgB;MAEhB,gBAFgB;ID+vBlB;IC9vBA;MACE,oBAFgB;MAEhB,gBAFgB;IDkwBlB;ICjwBA;MACE,oBAFgB;MAEhB,gBAFgB;IDqwBlB;ICpwBA;MACE,oBAFgB;MAEhB,gBAFgB;IDwwBlB;ICvwBA;MACE,oBAFgB;MAEhB,gBAFgB;ID2wBlB;IC1wBA;MACE,oBAFgB;MAEhB,gBAFgB;ID8wBlB;IC7wBA;MACE,oBAFgB;MAEhB,gBAFgB;IDixBlB;IChxBA;MACE,oBAFgB;MAEhB,gBAFgB;IDoxBlB;ICnxBA;MACE,qBAFgB;MAEhB,iBAFgB;IDuxBlB;ICtxBA;MACE,qBAFgB;MAEhB,iBAFgB;ID0xBlB;ICzxBA;MACE,qBAFgB;MAEhB,iBAFgB;ID6xBlB;EACF;ECz1BE;IAgFE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDixBlB;IC/wBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDsxBlB;ICpxBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID2xBlB;ICzxBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDgyBlB;IC9xBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDqyBlB;ICnyBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID0yBlB;ICxyBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID+yBlB;IC7yBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDozBlB;IClzBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDyzBlB;ICvzBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID8zBlB;IC5zBE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDm0BlB;ICj0BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDw0BlB;IC12BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDg3BlB;IC/2BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDq3BlB;ICp3BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID03BlB;ICz3BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID+3BlB;IC93BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDo4BlB;ICn4BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDy4BlB;ICx4BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID84BlB;IC74BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDm5BlB;ICl5BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDw5BlB;ICv5BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID65BlB;IC55BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDk6BlB;ICj6BA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDu6BlB;IC75BA;MACE,4BAFgB;UAEhB,8BAFgB;IDi6BlB;ICh6BA;MACE,4BAFgB;UAEhB,8BAFgB;IDo6BlB;ICn6BA;MACE,4BAFgB;UAEhB,8BAFgB;IDu6BlB;ICt6BA;MACE,4BAFgB;UAEhB,8BAFgB;ID06BlB;ICz6BA;MACE,4BAFgB;UAEhB,8BAFgB;ID66BlB;IC56BA;MACE,4BAFgB;UAEhB,8BAFgB;IDg7BlB;IC/6BA;MACE,4BAFgB;UAEhB,8BAFgB;IDm7BlB;ICl7BA;MACE,4BAFgB;UAEhB,8BAFgB;IDs7BlB;ICr7BA;MACE,4BAFgB;UAEhB,8BAFgB;IDy7BlB;ICx7BA;MACE,6BAFgB;UAEhB,+BAFgB;ID47BlB;IC37BA;MACE,6BAFgB;UAEhB,+BAFgB;ID+7BlB;IC97BA;MACE,6BAFgB;UAEhB,+BAFgB;IDk8BlB;IC17BA;MACE,oBAFgB;MAEhB,gBAFgB;ID87BlB;IC77BA;MACE,oBAFgB;MAEhB,gBAFgB;IDi8BlB;ICh8BA;MACE,oBAFgB;MAEhB,gBAFgB;IDo8BlB;ICn8BA;MACE,oBAFgB;MAEhB,gBAFgB;IDu8BlB;ICt8BA;MACE,oBAFgB;MAEhB,gBAFgB;ID08BlB;ICz8BA;MACE,oBAFgB;MAEhB,gBAFgB;ID68BlB;IC58BA;MACE,oBAFgB;MAEhB,gBAFgB;IDg9BlB;IC/8BA;MACE,oBAFgB;MAEhB,gBAFgB;IDm9BlB;ICl9BA;MACE,oBAFgB;MAEhB,gBAFgB;IDs9BlB;ICr9BA;MACE,qBAFgB;MAEhB,iBAFgB;IDy9BlB;ICx9BA;MACE,qBAFgB;MAEhB,iBAFgB;ID49BlB;IC39BA;MACE,qBAFgB;MAEhB,iBAFgB;ID+9BlB;EACF;ECthCE;IA2EE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDm9BlB;ICj9BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDw9BlB;ICt9BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID69BlB;IC39BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDk+BlB;ICh+BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDu+BlB;ICr+BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID4+BlB;IC1+BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDi/BlB;IC/+BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDs/BlB;ICp/BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID2/BlB;ICz/BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDggClB;IC9/BE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDqgClB;ICngCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID0gClB;IC5iCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDkjClB;ICjjCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDujClB;ICtjCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID4jClB;IC3jCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDikClB;IChkCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDskClB;ICrkCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID2kClB;IC1kCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDglClB;IC/kCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDqlClB;ICplCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID0lClB;ICzlCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID+lClB;IC9lCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDomClB;ICnmCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDymClB;IC/lCA;MACE,4BAFgB;UAEhB,8BAFgB;IDmmClB;IClmCA;MACE,4BAFgB;UAEhB,8BAFgB;IDsmClB;ICrmCA;MACE,4BAFgB;UAEhB,8BAFgB;IDymClB;ICxmCA;MACE,4BAFgB;UAEhB,8BAFgB;ID4mClB;IC3mCA;MACE,4BAFgB;UAEhB,8BAFgB;ID+mClB;IC9mCA;MACE,4BAFgB;UAEhB,8BAFgB;IDknClB;ICjnCA;MACE,4BAFgB;UAEhB,8BAFgB;IDqnClB;ICpnCA;MACE,4BAFgB;UAEhB,8BAFgB;IDwnClB;ICvnCA;MACE,4BAFgB;UAEhB,8BAFgB;ID2nClB;IC1nCA;MACE,6BAFgB;UAEhB,+BAFgB;ID8nClB;IC7nCA;MACE,6BAFgB;UAEhB,+BAFgB;IDioClB;IChoCA;MACE,6BAFgB;UAEhB,+BAFgB;IDooClB;IC5nCA;MACE,oBAFgB;MAEhB,gBAFgB;IDgoClB;IC/nCA;MACE,oBAFgB;MAEhB,gBAFgB;IDmoClB;ICloCA;MACE,oBAFgB;MAEhB,gBAFgB;IDsoClB;ICroCA;MACE,oBAFgB;MAEhB,gBAFgB;IDyoClB;ICxoCA;MACE,oBAFgB;MAEhB,gBAFgB;ID4oClB;IC3oCA;MACE,oBAFgB;MAEhB,gBAFgB;ID+oClB;IC9oCA;MACE,oBAFgB;MAEhB,gBAFgB;IDkpClB;ICjpCA;MACE,oBAFgB;MAEhB,gBAFgB;IDqpClB;ICppCA;MACE,oBAFgB;MAEhB,gBAFgB;IDwpClB;ICvpCA;MACE,qBAFgB;MAEhB,iBAFgB;ID2pClB;IC1pCA;MACE,qBAFgB;MAEhB,iBAFgB;ID8pClB;IC7pCA;MACE,qBAFgB;MAEhB,iBAFgB;IDiqClB;EACF;ECntCE;IAsEE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDqpClB;ICnpCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID0pClB;ICxpCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID+pClB;IC7pCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDoqClB;IClqCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDyqClB;ICvqCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID8qClB;IC5qCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDmrClB;ICjrCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDwrClB;ICtrCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID6rClB;IC3rCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDksClB;IChsCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDusClB;ICrsCE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID4sClB;IC9uCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDovClB;ICnvCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDyvClB;ICxvCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID8vClB;IC7vCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDmwClB;IClwCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDwwClB;ICvwCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID6wClB;IC5wCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDkxClB;ICjxCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDuxClB;ICtxCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID4xClB;IC3xCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDiyClB;IChyCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDsyClB;ICryCA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID2yClB;ICjyCA;MACE,4BAFgB;UAEhB,8BAFgB;IDqyClB;ICpyCA;MACE,4BAFgB;UAEhB,8BAFgB;IDwyClB;ICvyCA;MACE,4BAFgB;UAEhB,8BAFgB;ID2yClB;IC1yCA;MACE,4BAFgB;UAEhB,8BAFgB;ID8yClB;IC7yCA;MACE,4BAFgB;UAEhB,8BAFgB;IDizClB;IChzCA;MACE,4BAFgB;UAEhB,8BAFgB;IDozClB;ICnzCA;MACE,4BAFgB;UAEhB,8BAFgB;IDuzClB;ICtzCA;MACE,4BAFgB;UAEhB,8BAFgB;ID0zClB;ICzzCA;MACE,4BAFgB;UAEhB,8BAFgB;ID6zClB;IC5zCA;MACE,6BAFgB;UAEhB,+BAFgB;IDg0ClB;IC/zCA;MACE,6BAFgB;UAEhB,+BAFgB;IDm0ClB;ICl0CA;MACE,6BAFgB;UAEhB,+BAFgB;IDs0ClB;IC9zCA;MACE,oBAFgB;MAEhB,gBAFgB;IDk0ClB;ICj0CA;MACE,oBAFgB;MAEhB,gBAFgB;IDq0ClB;ICp0CA;MACE,oBAFgB;MAEhB,gBAFgB;IDw0ClB;ICv0CA;MACE,oBAFgB;MAEhB,gBAFgB;ID20ClB;IC10CA;MACE,oBAFgB;MAEhB,gBAFgB;ID80ClB;IC70CA;MACE,oBAFgB;MAEhB,gBAFgB;IDi1ClB;ICh1CA;MACE,oBAFgB;MAEhB,gBAFgB;IDo1ClB;ICn1CA;MACE,oBAFgB;MAEhB,gBAFgB;IDu1ClB;ICt1CA;MACE,oBAFgB;MAEhB,gBAFgB;ID01ClB;ICz1CA;MACE,qBAFgB;MAEhB,iBAFgB;ID61ClB;IC51CA;MACE,qBAFgB;MAEhB,iBAFgB;IDg2ClB;IC/1CA;MACE,qBAFgB;MAEhB,iBAFgB;IDm2ClB;EACF;ECh5CE;IAiEE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDu1ClB;ICr1CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID41ClB;IC11CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDi2ClB;IC/1CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDs2ClB;ICp2CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID22ClB;ICz2CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDg3ClB;IC92CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;IDq3ClB;ICn3CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID03ClB;ICx3CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBALc;MAKd,uBALc;ID+3ClB;IC73CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDo4ClB;ICl4CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;IDy4ClB;ICv4CE;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBALc;MAKd,wBALc;ID84ClB;ICh7CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDs7ClB;ICr7CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID27ClB;IC17CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDg8ClB;IC/7CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDq8ClB;ICp8CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID08ClB;ICz8CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID+8ClB;IC98CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDo9ClB;ICn9CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;IDy9ClB;ICx9CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,uBAJgB;MAIhB,uBAJgB;ID89ClB;IC79CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDm+ClB;ICl+CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;IDw+ClB;ICv+CA;MACE,WAAW;MACX,qBAAuB;UAAvB,uBAAuB;MACvB,wBAJgB;MAIhB,wBAJgB;ID6+ClB;ICn+CA;MACE,4BAFgB;UAEhB,8BAFgB;IDu+ClB;ICt+CA;MACE,4BAFgB;UAEhB,8BAFgB;ID0+ClB;ICz+CA;MACE,4BAFgB;UAEhB,8BAFgB;ID6+ClB;IC5+CA;MACE,4BAFgB;UAEhB,8BAFgB;IDg/ClB;IC/+CA;MACE,4BAFgB;UAEhB,8BAFgB;IDm/ClB;ICl/CA;MACE,4BAFgB;UAEhB,8BAFgB;IDs/ClB;ICr/CA;MACE,4BAFgB;UAEhB,8BAFgB;IDy/ClB;ICx/CA;MACE,4BAFgB;UAEhB,8BAFgB;ID4/ClB;IC3/CA;MACE,4BAFgB;UAEhB,8BAFgB;ID+/ClB;IC9/CA;MACE,6BAFgB;UAEhB,+BAFgB;IDkgDlB;ICjgDA;MACE,6BAFgB;UAEhB,+BAFgB;IDqgDlB;ICpgDA;MACE,6BAFgB;UAEhB,+BAFgB;IDwgDlB;IChgDA;MACE,oBAFgB;MAEhB,gBAFgB;IDogDlB;ICngDA;MACE,oBAFgB;MAEhB,gBAFgB;IDugDlB;ICtgDA;MACE,oBAFgB;MAEhB,gBAFgB;ID0gDlB;ICzgDA;MACE,oBAFgB;MAEhB,gBAFgB;ID6gDlB;IC5gDA;MACE,oBAFgB;MAEhB,gBAFgB;IDghDlB;IC/gDA;MACE,oBAFgB;MAEhB,gBAFgB;IDmhDlB;IClhDA;MACE,oBAFgB;MAEhB,gBAFgB;IDshDlB;ICrhDA;MACE,oBAFgB;MAEhB,gBAFgB;IDyhDlB;ICxhDA;MACE,oBAFgB;MAEhB,gBAFgB;ID4hDlB;IC3hDA;MACE,qBAFgB;MAEhB,iBAFgB;ID+hDlB;IC9hDA;MACE,qBAFgB;MAEhB,iBAFgB;IDkiDlB;ICjiDA;MACE,qBAFgB;MAEhB,iBAFgB;IDqiDlB;EACF;ECl+CA;IAyBI,cAAU;IACV,SAAS;ED48Cb;ECt+CA;IA6BM,SAAS;ED48Cf;AACF;;AEjoDA;EACE,oBAAa;EAAb,qBAAa;EAAb,oBAAa;EAAb,aAAa;EACb,yBAAmB;EAAnB,2BAAmB;MAAnB,sBAAmB;UAAnB,mBAAmB;EACnB,wBAAuB;EAAvB,+BAAuB;MAAvB,qBAAuB;UAAvB,uBAAuB;EACvB,YAAY;EACZ,aAAS;EAAT,iDAAS;EACT,SAAS;AFooDX","file":"pfe-layouts.css","sourcesContent":["// Text Alignment Helpers\n\n.pfe-l--text-align--left {\n text-align: left;\n}\n\n.pfe-l--text-align--center {\n text-align: center;\n}\n\n.pfe-l--text-align--right {\n text-align: right;\n}\n",".pfe-l--text-align--left {\n text-align: left;\n}\n\n.pfe-l--text-align--center {\n text-align: center;\n}\n\n.pfe-l--text-align--right {\n text-align: right;\n}\n\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n}\n\n.pfe-l-grid > *, .pfe-l-grid__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: calc(100% - 16px);\n }\n}\n\n@media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: calc(25% - 16px);\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: calc(50% - 16px);\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: calc(75% - 16px);\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: calc(100% - 16px);\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: calc(8.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: calc(16.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: calc(25% - 16px);\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: calc(33.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: calc(41.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: calc(50% - 16px);\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: calc(58.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: calc(66.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: calc(75% - 16px);\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: calc(83.33333% - 16px);\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: calc(91.66667% - 16px);\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: calc(100% - 16px);\n }\n}\n\n.pfe-l-grid.pfe-m-gutters {\n margin: calc(8px * -1);\n}\n\n.pfe-l-grid.pfe-m-gutters > * {\n margin: 8px;\n}\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr);\n }\n .pfe-l-grid > *, .pfe-l-grid__item {\n width: auto;\n margin: 0;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid.pfe-l-grid-fill-height {\n height: 100%;\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row {\n grid-row: span 12;\n }\n }\n @media screen and (max-width: 0) {\n .pfe-l-grid.pfe-m-all-1-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xs > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xs {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xs {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xs {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xs {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xs {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xs {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xs {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xs {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xs {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xs {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xs {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xs {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xs {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xs {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xs {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xs {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xs {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xs {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xs {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xs {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xs {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xs {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xs {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xs {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xs {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 576px) {\n .pfe-l-grid.pfe-m-all-1-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-sm > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-sm {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-sm {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-sm {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-sm {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-sm {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-sm {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-sm {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-sm {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-sm {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-sm {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-sm {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-sm {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-sm {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-sm {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-sm {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-sm {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-sm {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-sm {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-sm {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-sm {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-sm {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-sm {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-sm {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-sm {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-sm {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 768px) {\n .pfe-l-grid.pfe-m-all-1-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-md > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-md {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-md {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-md {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-md {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-md {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-md {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-md {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-md {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-md {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-md {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-md {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-md {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-md {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-md {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-md {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-md {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-md {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-md {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-md {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-md {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-md {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-md {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-md {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-md {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-md {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 992px) {\n .pfe-l-grid.pfe-m-all-1-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-lg > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-lg {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-lg {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-lg {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-lg {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-lg {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-lg {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-lg {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-lg {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-lg {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-lg {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-lg {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-lg {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-lg {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-lg {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-lg {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-lg {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-lg {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-lg {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-lg {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-lg {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-lg {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-lg {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-lg {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-lg {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-lg {\n grid-row: span 12;\n }\n }\n @media screen and (min-width: 1200px) {\n .pfe-l-grid.pfe-m-all-1-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid.pfe-m-all-2-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid.pfe-m-all-3-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid.pfe-m-all-4-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid.pfe-m-all-5-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid.pfe-m-all-6-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid.pfe-m-all-7-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid.pfe-m-all-8-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid.pfe-m-all-9-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid.pfe-m-all-10-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid.pfe-m-all-11-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid.pfe-m-all-12-col-on-xl > * {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-1-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 1;\n }\n .pfe-l-grid > .pfe-m-2-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 2;\n }\n .pfe-l-grid > .pfe-m-3-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 3;\n }\n .pfe-l-grid > .pfe-m-4-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 4;\n }\n .pfe-l-grid > .pfe-m-5-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 5;\n }\n .pfe-l-grid > .pfe-m-6-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 6;\n }\n .pfe-l-grid > .pfe-m-7-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 7;\n }\n .pfe-l-grid > .pfe-m-8-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 8;\n }\n .pfe-l-grid > .pfe-m-9-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 9;\n }\n .pfe-l-grid > .pfe-m-10-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 10;\n }\n .pfe-l-grid > .pfe-m-11-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 11;\n }\n .pfe-l-grid > .pfe-m-12-col-on-xl {\n width: auto;\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n .pfe-l-grid > .pfe-m-startat-1-col-on-xl {\n grid-column-start: col-start 1;\n }\n .pfe-l-grid > .pfe-m-startat-2-col-on-xl {\n grid-column-start: col-start 2;\n }\n .pfe-l-grid > .pfe-m-startat-3-col-on-xl {\n grid-column-start: col-start 3;\n }\n .pfe-l-grid > .pfe-m-startat-4-col-on-xl {\n grid-column-start: col-start 4;\n }\n .pfe-l-grid > .pfe-m-startat-5-col-on-xl {\n grid-column-start: col-start 5;\n }\n .pfe-l-grid > .pfe-m-startat-6-col-on-xl {\n grid-column-start: col-start 6;\n }\n .pfe-l-grid > .pfe-m-startat-7-col-on-xl {\n grid-column-start: col-start 7;\n }\n .pfe-l-grid > .pfe-m-startat-8-col-on-xl {\n grid-column-start: col-start 8;\n }\n .pfe-l-grid > .pfe-m-startat-9-col-on-xl {\n grid-column-start: col-start 9;\n }\n .pfe-l-grid > .pfe-m-startat-10-col-on-xl {\n grid-column-start: col-start 10;\n }\n .pfe-l-grid > .pfe-m-startat-11-col-on-xl {\n grid-column-start: col-start 11;\n }\n .pfe-l-grid > .pfe-m-startat-12-col-on-xl {\n grid-column-start: col-start 12;\n }\n .pfe-l-grid > .pfe-m-1-row-on-xl {\n grid-row: span 1;\n }\n .pfe-l-grid > .pfe-m-2-row-on-xl {\n grid-row: span 2;\n }\n .pfe-l-grid > .pfe-m-3-row-on-xl {\n grid-row: span 3;\n }\n .pfe-l-grid > .pfe-m-4-row-on-xl {\n grid-row: span 4;\n }\n .pfe-l-grid > .pfe-m-5-row-on-xl {\n grid-row: span 5;\n }\n .pfe-l-grid > .pfe-m-6-row-on-xl {\n grid-row: span 6;\n }\n .pfe-l-grid > .pfe-m-7-row-on-xl {\n grid-row: span 7;\n }\n .pfe-l-grid > .pfe-m-8-row-on-xl {\n grid-row: span 8;\n }\n .pfe-l-grid > .pfe-m-9-row-on-xl {\n grid-row: span 9;\n }\n .pfe-l-grid > .pfe-m-10-row-on-xl {\n grid-row: span 10;\n }\n .pfe-l-grid > .pfe-m-11-row-on-xl {\n grid-row: span 11;\n }\n .pfe-l-grid > .pfe-m-12-row-on-xl {\n grid-row: span 12;\n }\n }\n .pfe-l-grid.pfe-m-gutters {\n grid-gap: 16px;\n margin: 0;\n }\n .pfe-l-grid.pfe-m-gutters > * {\n margin: 0;\n }\n}\n\n.pfe-l-bullseye {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: var(--pfe-theme--container-spacer, 16px);\n margin: 0;\n}\n","// Grid Layout\n\n/// ===========================================================================\n/// Component Specific SASS Vars\n/// ===========================================================================\n\n$breakpoints: (\"\": null, \"xs\": \"-on-xs\", \"sm\": \"-on-sm\", \"md\": \"-on-md\", \"lg\": \"-on-lg\", \"xl\": \"-on-xl\");\n$grip-gap: pfe-fetch('container-spacer');\n$half-grip-gap: pfe-fetch('container-spacer') / 2;\n\n\n/// ===========================================================================\n/// Media Queries for Grid\n/// ===========================================================================\n\n/// Media query used to create responsive grid items\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Point} xs, sm, md, lg, xl, null\n@mixin GridMediaQuery($point) {\n @if $point == \"xs\" {\n @media screen and (max-width: #{pfe-fetch('grid-breakpoint--xs')}) {\n @content;\n }\n }\n @else if $point == \"sm\" or $point == \"\" or $point == null {\n @media screen and (min-width: #{pfe-fetch('grid-breakpoint--sm')}) {\n @content;\n }\n }\n @else if $point == \"md\" {\n @media screen and (min-width: #{pfe-fetch('grid-breakpoint--md')}) {\n @content;\n }\n }\n @else if $point == \"lg\" {\n @media screen and (min-width: #{pfe-fetch('grid-breakpoint--lg')}) {\n @content;\n }\n }\n @else if $point == \"xl\" {\n @media screen and (min-width: #{pfe-fetch('grid-breakpoint--xl')}) {\n @content;\n }\n }\n}\n\n/// Creates flexbox item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin FlexItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n\n // Start-at and row-span aren't available in fallbacks.\n}\n\n/// Creates grid item\n/// @group mixins\n/// @moduleType mixin\n/// @parameter {Suffix} xs, sm, md, lg, xl, null\n@mixin GridItemModifiers($suffix: null) {\n // generate column span modifiers\n @for $col-num from 1 through 12 {\n > .pfe-m-#{$col-num}-col#{$suffix} {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n\n // generate column startat modfiers\n @for $col-num from 1 through 12 {\n > .pfe-m-startat-#{$col-num}-col#{$suffix} {\n grid-column-start: col-start ($col-num); // removed +1 so it's value is literal.\n }\n }\n\n // generate row span modfiers\n @for $row-num from 1 through 12 {\n > .pfe-m-#{$row-num}-row#{$suffix} {\n grid-row: span $row-num;\n }\n }\n}\n\n@mixin FlexAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n $this-size: ($col-num / 12) * 100%;\n width: calc(#{$this-size} - #{$grip-gap});\n }\n }\n }\n}\n\n@mixin GridAllModifiers($suffix: null) {\n @for $col-num from 1 through 12 {\n &.pfe-m-all-#{$col-num}-col#{$suffix} {\n > * {\n width: auto; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span $col-num;\n }\n }\n }\n}\n\n\n/// ===========================================================================\n/// Flexbox for IE11 support\n/// ===========================================================================\n.pfe-l-grid {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n\n > *,\n &__item {\n box-sizing: border-box;\n width: 100%;\n margin: 0 auto;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include FlexAllModifiers($value);\n @include FlexItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n margin: calc(#{$half-grip-gap} * -1);\n\n & > * {\n margin: #{$half-grip-gap};\n }\n }\n}\n\n/// ===========================================================================\n/// Grid for Smarter Browsers\n/// ===========================================================================\n\n@supports (display: grid) {\n .pfe-l-grid {\n display: grid;\n grid-template-columns: repeat(12, [col-start] 1fr);\n\n > *,\n &__item {\n width: auto; // Remove IE11\n margin: 0; // Remove IE11\n grid-column-start: auto;\n grid-column-end: span 12;\n }\n\n &.pfe-l-grid-fill-height {\n height: 100%;\n }\n\n // Loop through $breakpoints map to generate responsive classes\n @each $breakpoint, $value in $breakpoints {\n @include GridMediaQuery($breakpoint) {\n @include GridAllModifiers($value);\n @include GridItemModifiers($value);\n }\n }\n\n &.pfe-m-gutters {\n grid-gap: #{$grip-gap};\n margin: 0; // Remove IE11\n\n & > * {\n margin: 0; // Remove IE11\n }\n }\n }\n}\n","// Bullseye Layout\n\n.pfe-l-bullseye {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n padding: #{pfe-var(container-spacer)};\n margin: 0;\n}\n"]}
\ No newline at end of file
diff --git a/elements/pfe-styles/dist/pfe-layouts.min.css b/elements/pfe-styles/dist/pfe-layouts.min.css
new file mode 100644
index 0000000000..fbf44ef697
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-layouts.min.css
@@ -0,0 +1,2 @@
+.pfe-l--text-align--left{text-align:left}.pfe-l--text-align--center{text-align:center}.pfe-l--text-align--right{text-align:right}.pfe-l-grid{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.pfe-l-grid>*,.pfe-l-grid__item{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0 auto}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col{width:calc(100% - 16px)}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xs{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xs{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xs{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xs{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xs{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xs{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xs{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xs{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xs{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xs{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xs{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xs{width:calc(100% - 16px)}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-sm{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-sm{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-sm{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-sm{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-sm{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-sm{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-sm{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-sm{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-sm{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-sm{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-sm{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-sm{width:calc(100% - 16px)}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-md{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-md{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-md{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-md{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-md{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-md{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-md{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-md{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-md{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-md{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-md{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-md{width:calc(100% - 16px)}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-lg{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-lg{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-lg{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-lg{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-lg{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-lg{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-lg{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-lg{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-lg{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-lg{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-lg{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-lg{width:calc(100% - 16px)}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:calc(8.33333% - 16px)}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:calc(16.66667% - 16px)}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:calc(25% - 16px)}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:calc(33.33333% - 16px)}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:calc(41.66667% - 16px)}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:calc(50% - 16px)}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:calc(58.33333% - 16px)}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:calc(66.66667% - 16px)}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:calc(75% - 16px)}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:calc(83.33333% - 16px)}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:calc(91.66667% - 16px)}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:calc(100% - 16px)}.pfe-l-grid>.pfe-m-1-col-on-xl{width:calc(8.33333% - 16px)}.pfe-l-grid>.pfe-m-2-col-on-xl{width:calc(16.66667% - 16px)}.pfe-l-grid>.pfe-m-3-col-on-xl{width:calc(25% - 16px)}.pfe-l-grid>.pfe-m-4-col-on-xl{width:calc(33.33333% - 16px)}.pfe-l-grid>.pfe-m-5-col-on-xl{width:calc(41.66667% - 16px)}.pfe-l-grid>.pfe-m-6-col-on-xl{width:calc(50% - 16px)}.pfe-l-grid>.pfe-m-7-col-on-xl{width:calc(58.33333% - 16px)}.pfe-l-grid>.pfe-m-8-col-on-xl{width:calc(66.66667% - 16px)}.pfe-l-grid>.pfe-m-9-col-on-xl{width:calc(75% - 16px)}.pfe-l-grid>.pfe-m-10-col-on-xl{width:calc(83.33333% - 16px)}.pfe-l-grid>.pfe-m-11-col-on-xl{width:calc(91.66667% - 16px)}.pfe-l-grid>.pfe-m-12-col-on-xl{width:calc(100% - 16px)}}.pfe-l-grid.pfe-m-gutters{margin:calc(8px * -1)}.pfe-l-grid.pfe-m-gutters>*{margin:8px}@supports (display:grid){.pfe-l-grid{display:-ms-grid;display:grid;-ms-grid-columns:([col-start] 1fr)[12];grid-template-columns:repeat(12,[col-start] 1fr)}.pfe-l-grid>*,.pfe-l-grid__item{width:auto;margin:0;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid.pfe-l-grid-fill-height{height:100%}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (max-width:0){.pfe-l-grid.pfe-m-all-1-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xs>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xs{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xs{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xs{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xs{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xs{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xs{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xs{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xs{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xs{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xs{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xs{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xs{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xs{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xs{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xs{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xs{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xs{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xs{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xs{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xs{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xs{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xs{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xs{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xs{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xs{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:576px){.pfe-l-grid.pfe-m-all-1-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-sm>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-sm{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-sm{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-sm{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-sm{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-sm{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-sm{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-sm{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-sm{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-sm{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-sm{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-sm{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-sm{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-sm{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-sm{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-sm{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-sm{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-sm{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-sm{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-sm{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-sm{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-sm{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-sm{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-sm{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-sm{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-sm{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:768px){.pfe-l-grid.pfe-m-all-1-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-md>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-md{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-md{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-md{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-md{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-md{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-md{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-md{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-md{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-md{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-md{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-md{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-md{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-md{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-md{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-md{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-md{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-md{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-md{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-md{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-md{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-md{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-md{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-md{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-md{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-md{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:992px){.pfe-l-grid.pfe-m-all-1-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-lg>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-lg{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-lg{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-lg{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-lg{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-lg{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-lg{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-lg{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-lg{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-lg{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-lg{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-lg{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-lg{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-lg{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-lg{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-lg{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-lg{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-lg{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-lg{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-lg{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-lg{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-lg{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-lg{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-lg{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-lg{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-lg{-ms-grid-row-span:12;grid-row:span 12}}@media screen and (min-width:1200px){.pfe-l-grid.pfe-m-all-1-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid.pfe-m-all-2-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid.pfe-m-all-3-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid.pfe-m-all-4-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid.pfe-m-all-5-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid.pfe-m-all-6-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid.pfe-m-all-7-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid.pfe-m-all-8-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid.pfe-m-all-9-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid.pfe-m-all-10-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid.pfe-m-all-11-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid.pfe-m-all-12-col-on-xl>*{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-1-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:1;grid-column-end:span 1}.pfe-l-grid>.pfe-m-2-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:2;grid-column-end:span 2}.pfe-l-grid>.pfe-m-3-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:3;grid-column-end:span 3}.pfe-l-grid>.pfe-m-4-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:4;grid-column-end:span 4}.pfe-l-grid>.pfe-m-5-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:5;grid-column-end:span 5}.pfe-l-grid>.pfe-m-6-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:6;grid-column-end:span 6}.pfe-l-grid>.pfe-m-7-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:7;grid-column-end:span 7}.pfe-l-grid>.pfe-m-8-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:8;grid-column-end:span 8}.pfe-l-grid>.pfe-m-9-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:9;grid-column-end:span 9}.pfe-l-grid>.pfe-m-10-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:10;grid-column-end:span 10}.pfe-l-grid>.pfe-m-11-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:11;grid-column-end:span 11}.pfe-l-grid>.pfe-m-12-col-on-xl{width:auto;-ms-grid-column:auto;grid-column-start:auto;-ms-grid-column-span:12;grid-column-end:span 12}.pfe-l-grid>.pfe-m-startat-1-col-on-xl{-ms-grid-column:col-start 1;grid-column-start:col-start 1}.pfe-l-grid>.pfe-m-startat-2-col-on-xl{-ms-grid-column:col-start 2;grid-column-start:col-start 2}.pfe-l-grid>.pfe-m-startat-3-col-on-xl{-ms-grid-column:col-start 3;grid-column-start:col-start 3}.pfe-l-grid>.pfe-m-startat-4-col-on-xl{-ms-grid-column:col-start 4;grid-column-start:col-start 4}.pfe-l-grid>.pfe-m-startat-5-col-on-xl{-ms-grid-column:col-start 5;grid-column-start:col-start 5}.pfe-l-grid>.pfe-m-startat-6-col-on-xl{-ms-grid-column:col-start 6;grid-column-start:col-start 6}.pfe-l-grid>.pfe-m-startat-7-col-on-xl{-ms-grid-column:col-start 7;grid-column-start:col-start 7}.pfe-l-grid>.pfe-m-startat-8-col-on-xl{-ms-grid-column:col-start 8;grid-column-start:col-start 8}.pfe-l-grid>.pfe-m-startat-9-col-on-xl{-ms-grid-column:col-start 9;grid-column-start:col-start 9}.pfe-l-grid>.pfe-m-startat-10-col-on-xl{-ms-grid-column:col-start 10;grid-column-start:col-start 10}.pfe-l-grid>.pfe-m-startat-11-col-on-xl{-ms-grid-column:col-start 11;grid-column-start:col-start 11}.pfe-l-grid>.pfe-m-startat-12-col-on-xl{-ms-grid-column:col-start 12;grid-column-start:col-start 12}.pfe-l-grid>.pfe-m-1-row-on-xl{-ms-grid-row-span:1;grid-row:span 1}.pfe-l-grid>.pfe-m-2-row-on-xl{-ms-grid-row-span:2;grid-row:span 2}.pfe-l-grid>.pfe-m-3-row-on-xl{-ms-grid-row-span:3;grid-row:span 3}.pfe-l-grid>.pfe-m-4-row-on-xl{-ms-grid-row-span:4;grid-row:span 4}.pfe-l-grid>.pfe-m-5-row-on-xl{-ms-grid-row-span:5;grid-row:span 5}.pfe-l-grid>.pfe-m-6-row-on-xl{-ms-grid-row-span:6;grid-row:span 6}.pfe-l-grid>.pfe-m-7-row-on-xl{-ms-grid-row-span:7;grid-row:span 7}.pfe-l-grid>.pfe-m-8-row-on-xl{-ms-grid-row-span:8;grid-row:span 8}.pfe-l-grid>.pfe-m-9-row-on-xl{-ms-grid-row-span:9;grid-row:span 9}.pfe-l-grid>.pfe-m-10-row-on-xl{-ms-grid-row-span:10;grid-row:span 10}.pfe-l-grid>.pfe-m-11-row-on-xl{-ms-grid-row-span:11;grid-row:span 11}.pfe-l-grid>.pfe-m-12-row-on-xl{-ms-grid-row-span:12;grid-row:span 12}}.pfe-l-grid.pfe-m-gutters{grid-gap:16px;margin:0}.pfe-l-grid.pfe-m-gutters>*{margin:0}}.pfe-l-bullseye{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:16px;padding:var(--pfe-theme--container-spacer,16px);margin:0}
+/*# sourceMappingURL=pfe-layouts.min.css.map */
diff --git a/elements/pfe-styles/dist/pfe-layouts.min.css.map b/elements/pfe-styles/dist/pfe-layouts.min.css.map
new file mode 100644
index 0000000000..f44856af2f
--- /dev/null
+++ b/elements/pfe-styles/dist/pfe-layouts.min.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["../layouts/_alignments.scss","../layouts/_grid.scss","../layouts/_bullseye.scss"],"names":[],"mappings":"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","file":"pfe-layouts.min.css","sourcesContent":[]}
\ No newline at end of file
diff --git a/elements/pfe-styles/package-lock.json b/elements/pfe-styles/package-lock.json
index cc32631681..f77e108fd0 100644
--- a/elements/pfe-styles/package-lock.json
+++ b/elements/pfe-styles/package-lock.json
@@ -1,6 +1,6 @@
{
"name": "@patternfly/pfe-styles",
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
diff --git a/elements/pfe-styles/package.json b/elements/pfe-styles/package.json
index af996b551f..23796050c1 100644
--- a/elements/pfe-styles/package.json
+++ b/elements/pfe-styles/package.json
@@ -12,7 +12,7 @@
"pfe-layouts.*.map"
]
},
- "version": "1.0.0-prerelease.53",
+ "version": "1.0.0-prerelease.54",
"publishConfig": {
"access": "public"
},
@@ -44,7 +44,7 @@
],
"license": "MIT",
"devDependencies": {
- "@patternfly/pfe-sass": "^1.0.0-prerelease.53"
+ "@patternfly/pfe-sass": "^1.0.0-prerelease.54"
},
"bugs": {
"url": "https://github.com/patternfly/patternfly-elements/issues"
diff --git a/elements/pfe-tabs/dist/pfe-tabs.js b/elements/pfe-tabs/dist/pfe-tabs.js
new file mode 100644
index 0000000000..fba688f793
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.js
@@ -0,0 +1,876 @@
+import PFElement from '../../pfelement/dist/pfelement.js';
+
+// @POLYFILL Array.prototype.find
+// https://tc39.github.io/ecma262/#sec-array.prototype.find
+if (!Array.prototype.find) {
+ Object.defineProperty(Array.prototype, "find", {
+ value: function(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return kValue.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return kValue;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return undefined.
+ return undefined;
+ },
+ configurable: true,
+ writable: true
+ });
+}
+
+// @POLYFILL Array.prototype.findIndex
+// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
+if (!Array.prototype.findIndex) {
+ Object.defineProperty(Array.prototype, "findIndex", {
+ value: function(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return k.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return k;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return -1.
+ return -1;
+ },
+ configurable: true,
+ writable: true
+ });
+}
+
+// @POLYFILL Element.prototype.matches
+// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill
+if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector;
+}
+
+/*!
+ * PatternFly Elements: PfeTabs 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+*/
+
+const KEYCODE = {
+ DOWN: 40,
+ LEFT: 37,
+ RIGHT: 39,
+ UP: 38,
+ HOME: 36,
+ END: 35
+};
+
+// @IE11 doesn't support URLSearchParams
+// https://caniuse.com/#search=urlsearchparams
+const CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;
+
+const TABS_MUTATION_CONFIG = {
+ childList: true,
+ subtree: true
+};
+
+const TAB_CONTENT_MUTATION_CONFIG = {
+ characterData: true,
+ childList: true,
+ subtree: true
+};
+
+function generateId() {
+ return Math.random()
+ .toString(36)
+ .substr(2, 9);
+}
+
+class PfeTabs extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+
+
+
+
+
+
+
`;
+ }
+
+ static get properties() {
+ return {"vertical":{"title":"Vertical orientation","type":"boolean","default":false,"prefixed":false},"variant":{"title":"Variant","type":"string","enum":["wind","earth"],"default":"wind","prefixed":true},"tab-history":{"title":"Tab history","type":"boolean","default":false,"prefixed":true}};
+ }
+
+ static get slots() {
+ return {"tab":{"title":"Tab","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}},"panel":{"title":"Panel","type":"array","namedSlot":true,"items":{"oneOf":[{"$ref":"raw"}]}}};
+ }
+ static get tag() {
+ return "pfe-tabs";
+ }
+
+ get styleUrl() {
+ return "pfe-tabs.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-tabs.html";
+ }
+
+ get schemaUrl() {
+ return "pfe-tabs.json";
+ }
+
+ static get observedAttributes() {
+ return ["vertical", "selected-index", "pfe-variant", "pfe-tab-history"];
+ }
+
+ static get events() {
+ return {
+ hiddenTab: `${this.tag}:hidden-tab`,
+ shownTab: `${this.tag}:shown-tab`
+ };
+ }
+
+ get selectedIndex() {
+ return this.getAttribute("selected-index");
+ }
+
+ set selectedIndex(value) {
+ this.setAttribute("selected-index", value);
+ }
+
+ get tabHistory() {
+ return this.hasAttribute("pfe-tab-history");
+ }
+
+ constructor() {
+ super(PfeTabs);
+
+ this._linked = false;
+ this._init = this._init.bind(this);
+ this._onClick = this._onClick.bind(this);
+ this._linkPanels = this._linkPanels.bind(this);
+ this._popstateEventHandler = this._popstateEventHandler.bind(this);
+ this._observer = new MutationObserver(this._init);
+ this._updateHistory = true;
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this.addEventListener("keydown", this._onKeyDown);
+ this.addEventListener("click", this._onClick);
+
+ Promise.all([
+ customElements.whenDefined(PfeTab.tag),
+ customElements.whenDefined(PfeTabPanel.tag)
+ ]).then(() => {
+ if (this.children.length) {
+ this._init();
+ }
+
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ });
+ }
+
+ disconnectedCallback() {
+ this.removeEventListener("keydown", this._onKeyDown);
+ this._allTabs().forEach(tab =>
+ tab.removeEventListener("click", this._onClick)
+ );
+ this._observer.disconnect();
+
+ if (this.tabHistory) {
+ window.removeEventListener("popstate", this._popstateEventHandler);
+ }
+ }
+
+ attributeChangedCallback(attr, oldValue, newValue) {
+ switch (attr) {
+ case "pfe-variant":
+ if (this.getAttribute("pfe-variant") === "wind") {
+ this._allTabs().forEach(tab =>
+ tab.setAttribute("pfe-variant", "wind")
+ );
+ this._allPanels().forEach(panel =>
+ panel.setAttribute("pfe-variant", "wind")
+ );
+ } else if (this.getAttribute("pfe-variant") === "earth") {
+ this._allTabs().forEach(tab =>
+ tab.setAttribute("pfe-variant", "earth")
+ );
+ this._allPanels().forEach(panel =>
+ panel.setAttribute("pfe-variant", "earth")
+ );
+ }
+ break;
+
+ case "vertical":
+ if (this.hasAttribute("vertical")) {
+ this.setAttribute("aria-orientation", "vertical");
+ this._allPanels().forEach(panel =>
+ panel.setAttribute("vertical", "")
+ );
+ this._allTabs().forEach(tab => tab.setAttribute("vertical", ""));
+ } else {
+ this.removeAttribute("aria-orientation");
+ this._allPanels().forEach(panel => panel.removeAttribute("vertical"));
+ this._allTabs().forEach(tab => tab.removeAttribute("vertical"));
+ }
+ break;
+
+ case "selected-index":
+ Promise.all([
+ customElements.whenDefined(PfeTab.tag),
+ customElements.whenDefined(PfeTabPanel.tag)
+ ]).then(() => {
+ this._linkPanels();
+ this.selectIndex(newValue);
+ this._updateHistory = true;
+ });
+ break;
+
+ case "pfe-tab-history":
+ if (newValue === null) {
+ window.removeEventListener("popstate", this._popstateEventHandler);
+ } else {
+ window.addEventListener("popstate", this._popstateEventHandler);
+ }
+ }
+ }
+
+ select(newTab) {
+ if (!newTab) {
+ return;
+ }
+
+ if (newTab.tagName.toLowerCase() !== "pfe-tab") {
+ console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);
+ return;
+ }
+
+ this.selectedIndex = this._getTabIndex(newTab);
+ }
+
+ selectIndex(_index) {
+ if (_index === undefined) {
+ return;
+ }
+
+ const index = parseInt(_index, 10);
+ const tabs = this._allTabs();
+ const tab = tabs[index];
+
+ if (!tab) {
+ console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);
+ return;
+ }
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (
+ this.selected &&
+ this.tabHistory &&
+ this._updateHistory &&
+ CAN_USE_URLSEARCHPARAMS
+ ) {
+ // rebuild the url
+ const pathname = window.location.pathname;
+ const urlParams = new URLSearchParams(window.location.search);
+ const hash = window.location.hash;
+ const property = this.id || this.getAttribute("pfe-id");
+ const value = tab.id || tab.getAttribute("pfe-id");
+
+ urlParams.set(property, value);
+ history.pushState({}, "", `${pathname}?${urlParams.toString()}${hash}`);
+ }
+
+ this._selectTab(tab);
+ }
+
+ _init(mutationsList) {
+ if (this.getAttribute("role") !== "tablist") {
+ this.setAttribute("role", "tablist");
+ }
+
+ let urlParams;
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (CAN_USE_URLSEARCHPARAMS) {
+ urlParams = new URLSearchParams(window.location.search);
+ }
+
+ const tabIndexFromURL = this._getTabIndexFromURL();
+
+ if (tabIndexFromURL > -1) {
+ this._setFocus = true;
+ this.selectedIndex = tabIndexFromURL;
+ } else if (!this.hasAttribute("selected-index")) {
+ this.selectedIndex = 0;
+ }
+
+ this._linked = false;
+ this._linkPanels();
+
+ if (mutationsList) {
+ for (let mutation of mutationsList) {
+ if (mutation.type === "childList" && mutation.addedNodes.length) {
+ [...mutation.addedNodes].forEach(addedNode => {
+ if (!addedNode.tagName) {
+ return;
+ }
+
+ if (
+ addedNode.tagName.toLowerCase() === PfeTab.tag ||
+ addedNode.tagName.toLowerCase() === PfeTabPanel.tag
+ ) {
+ if (this.variant.value) {
+ addedNode.setAttribute("pfe-variant", this.variant.value);
+ }
+ }
+ });
+ }
+ }
+ }
+ }
+
+ _linkPanels() {
+ if (this._linked) {
+ return;
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ const tabs = this._allTabs();
+
+ tabs.forEach(tab => {
+ const panel = tab.nextElementSibling;
+ if (panel.tagName.toLowerCase() !== "pfe-tab-panel") {
+ console.warn(
+ `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `
+ );
+ return;
+ }
+
+ tab.setAttribute("aria-controls", panel.pfeId);
+ panel.setAttribute("aria-labelledby", tab.pfeId);
+
+ tab.addEventListener("click", this._onClick);
+ });
+
+ this._linked = true;
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+ }
+
+ _allPanels() {
+ return [...this.children].filter(child => child.matches("pfe-tab-panel"));
+ }
+
+ _allTabs() {
+ return [...this.children].filter(child => child.matches("pfe-tab"));
+ }
+
+ _panelForTab(tab) {
+ const panelId = tab.getAttribute("aria-controls");
+ return this.querySelector(`[pfe-id="${panelId}"]`);
+ }
+
+ _prevTab() {
+ const tabs = this._allTabs();
+ let newIdx = tabs.findIndex(tab => tab.selected) - 1;
+ return tabs[(newIdx + tabs.length) % tabs.length];
+ }
+
+ _firstTab() {
+ const tabs = this._allTabs();
+ return tabs[0];
+ }
+
+ _lastTab() {
+ const tabs = this._allTabs();
+ return tabs[tabs.length - 1];
+ }
+
+ _nextTab() {
+ const tabs = this._allTabs();
+ let newIdx = tabs.findIndex(tab => tab.selected) + 1;
+ return tabs[newIdx % tabs.length];
+ }
+
+ _getTabIndex(_tab) {
+ const tabs = this._allTabs();
+ const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);
+ return index;
+ }
+
+ reset() {
+ const tabs = this._allTabs();
+ const panels = this._allPanels();
+
+ tabs.forEach(tab => (tab.selected = false));
+ panels.forEach(panel => (panel.hidden = true));
+ }
+
+ _selectTab(newTab) {
+ this.reset();
+
+ const newPanel = this._panelForTab(newTab);
+ let newTabSelected = false;
+
+ if (!newPanel) {
+ throw new Error(`No panel with pfeId ${newPanel.pfeId}`);
+ }
+
+ if (this.selected && this.selected !== newTab) {
+ newTabSelected = true;
+
+ this.emitEvent(PfeTabs.events.hiddenTab, {
+ detail: {
+ tab: this.selected
+ }
+ });
+ }
+
+ newTab.selected = true;
+ newPanel.hidden = false;
+
+ const tabs = this._allTabs();
+ const newIdx = tabs.findIndex(tab => tab.selected);
+
+ this.selected = newTab;
+
+ if (newTabSelected) {
+ if (this._setFocus) {
+ newTab.focus();
+ }
+
+ this.emitEvent(PfeTabs.events.shownTab, {
+ detail: {
+ tab: this.selected
+ }
+ });
+ }
+
+ this._setFocus = false;
+ }
+
+ _onKeyDown(event) {
+ const tabs = this._allTabs();
+ const foundTab = tabs.find(tab => tab === event.target);
+
+ if (!foundTab) {
+ return;
+ }
+
+ if (event.altKey) {
+ return;
+ }
+
+ let newTab;
+
+ switch (event.keyCode) {
+ case KEYCODE.LEFT:
+ case KEYCODE.UP:
+ newTab = this._prevTab();
+ break;
+
+ case KEYCODE.RIGHT:
+ case KEYCODE.DOWN:
+ newTab = this._nextTab();
+ break;
+
+ case KEYCODE.HOME:
+ newTab = this._firstTab();
+ break;
+
+ case KEYCODE.END:
+ newTab = this._lastTab();
+ break;
+
+ default:
+ return;
+ }
+
+ event.preventDefault();
+
+ this.selectedIndex = this._getTabIndex(newTab);
+ this._setFocus = true;
+ }
+
+ _onClick(event) {
+ const tabs = this._allTabs();
+ const foundTab = tabs.find(tab => tab === event.currentTarget);
+
+ if (!foundTab) {
+ return;
+ }
+
+ this.selectedIndex = this._getTabIndex(event.currentTarget);
+ }
+
+ _getTabIndexFromURL() {
+ let urlParams;
+ let tabIndex = -1;
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (CAN_USE_URLSEARCHPARAMS) {
+ urlParams = new URLSearchParams(window.location.search);
+
+ // @DEPRECATED
+ // the "pfe-" prefix has been deprecated but we'll continue to support it
+ // we'll give priority to the urlParams.has(`${this.id}`) attribute first
+ // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should
+ // be able to remove the || part of the if statement in the future
+ const tabsetInUrl =
+ urlParams.has(`${this.id}`) ||
+ urlParams.has(this.getAttribute("pfe-id")) ||
+ urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production
+
+ if (urlParams && tabsetInUrl) {
+ const id =
+ urlParams.get(`${this.id}`) ||
+ urlParams.get(this.getAttribute("pfe-id")) ||
+ urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production
+
+ tabIndex = this._allTabs().findIndex(tab => {
+ const tabId = tab.id || tab.getAttribute("pfe-id");
+ return tabId === id;
+ });
+ }
+ }
+
+ return tabIndex;
+ }
+
+ _popstateEventHandler() {
+ const tabIndexFromURL = this._getTabIndexFromURL();
+
+ this._updateHistory = false;
+ this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;
+ }
+}
+
+class PfeTab extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return ``;
+ }
+ static get tag() {
+ return "pfe-tab";
+ }
+
+ get styleUrl() {
+ return "pfe-tab.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-tab.html";
+ }
+
+ static get observedAttributes() {
+ return ["aria-selected"];
+ }
+
+ set selected(value) {
+ value = Boolean(value);
+ this.setAttribute("aria-selected", value);
+ }
+
+ get selected() {
+ return this.getAttribute("aria-selected") === "true" ? true : false;
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ constructor() {
+ super(PfeTab);
+
+ this._tabItem;
+ this._init = this._init.bind(this);
+ this._setTabContent = this._setTabContent.bind(this);
+ this._observer = new MutationObserver(this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);
+
+ if (this.children.length || this.textContent.trim().length) {
+ this._init();
+ }
+
+ this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);
+ }
+
+ attributeChangedCallback() {
+ const value = Boolean(this.selected);
+ this.setAttribute("tabindex", value ? 0 : -1);
+ }
+
+ disconnectedCallback() {
+ this._observer.disconnect();
+ }
+
+ _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ // Copy the tab content into the template
+ this._setTabContent();
+
+ if (!this.pfeId) {
+ this.pfeId = `${PfeTab.tag}-${generateId()}`;
+ }
+
+ if (this.getAttribute("role") !== "tab") {
+ this.setAttribute("role", "tab");
+ }
+
+ if (!this.hasAttribute("aria-selected")) {
+ this.setAttribute("aria-selected", "false");
+ }
+
+ if (!this.hasAttribute("tabindex")) {
+ this.setAttribute("tabindex", -1);
+ }
+
+ if (this.parentNode.hasAttribute("vertical")) {
+ this.setAttribute("vertical", "");
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);
+ }
+ }
+
+ _setTabContent() {
+ // Copy the tab content into the template
+ const label = this.textContent.trim().replace(/\s+/g, " ");
+
+ if (!label) {
+ console.warn(
+ `${this.tag}: There does not appear to be any content in the tab region.`
+ );
+ return;
+ }
+
+ let semantics = "";
+ // Get the semantics of the content
+ if (this.children.length > 0) {
+ // We only care about the first child that is a tag
+ if (
+ this.firstElementChild &&
+ this.firstElementChild.tagName.match(/^H[1-6]/)
+ ) {
+ semantics = this.firstElementChild.tagName.toLowerCase();
+ }
+ }
+
+ // Create an h-level tag for the shadow tab, default h3
+ let heading = document.createElement("h3");
+
+ // Use the provided semantics if provided
+ if (semantics.length > 0) {
+ heading = document.createElement(semantics);
+ }
+
+ // Assign the label content to the new heading
+ heading.textContent = label;
+
+ // Attach the heading to the tabItem
+ this._tabItem.innerHTML = "";
+ this._tabItem.appendChild(heading);
+ }
+}
+
+class PfeTabPanel extends PFElement {
+ static get version() {
+ return "1.0.0-prerelease.54";
+ }
+
+ get html() {
+ return `
+
+
+
+
`;
+ }
+ static get tag() {
+ return "pfe-tab-panel";
+ }
+
+ get styleUrl() {
+ return "pfe-tab-panel.scss";
+ }
+
+ get templateUrl() {
+ return "pfe-tab-panel.html";
+ }
+
+ get pfeId() {
+ return this.getAttribute("pfe-id");
+ }
+
+ set pfeId(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+
+ constructor() {
+ super(PfeTabPanel);
+
+ this._init = this._init.bind(this);
+ this._observer = new MutationObserver(this._init);
+ }
+
+ connectedCallback() {
+ super.connectedCallback();
+
+ this._init();
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+
+ disconnectedCallback() {
+ this._observer.disconnect();
+ }
+
+ _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;
+ }
+
+ if (this.getAttribute("role") !== "tabpanel") {
+ this.setAttribute("role", "tabpanel");
+ }
+
+ if (!this.hasAttribute("tabindex")) {
+ this.setAttribute("tabindex", 0);
+ }
+
+ if (this.previousElementSibling.getAttribute("aria-selected") !== "true") {
+ this.hidden = true;
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+ }
+}
+
+PFElement.create(PfeTab);
+PFElement.create(PfeTabPanel);
+PFElement.create(PfeTabs);
+
+export default PfeTabs;
+//# sourceMappingURL=pfe-tabs.js.map
diff --git a/elements/pfe-tabs/dist/pfe-tabs.js.map b/elements/pfe-tabs/dist/pfe-tabs.js.map
new file mode 100644
index 0000000000..de3f265ce4
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-tabs.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.54\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\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n \n \n
\n
\n \n
`;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":[],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-tabs/dist/pfe-tabs.json b/elements/pfe-tabs/dist/pfe-tabs.json
new file mode 100644
index 0000000000..cd2edaed09
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.json
@@ -0,0 +1,69 @@
+{
+ "$schema": "http://json-schema.org/draft-04/schema#",
+ "title": "Tabs",
+ "description": "This element creates a tabbed interface.",
+ "type": "object",
+ "tag": "pfe-tabs",
+ "class": "pfe-tabs",
+ "category": "container",
+ "properties": {
+ "slots": {
+ "title": "Slots",
+ "description": "Definition of the supported slots",
+ "type": "object",
+ "properties": {
+ "tab": {
+ "title": "Tab",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ },
+ "panel": {
+ "title": "Panel",
+ "type": "array",
+ "namedSlot": true,
+ "items": {
+ "oneOf": [
+ {
+ "$ref": "raw"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "attributes": {
+ "title": "Attributes",
+ "type": "object",
+ "properties": {
+ "vertical": {
+ "title": "Vertical orientation",
+ "type": "boolean",
+ "default": false,
+ "prefixed": false
+ },
+ "variant": {
+ "title": "Variant",
+ "type": "string",
+ "enum": ["wind", "earth"],
+ "default": "wind",
+ "prefixed": true
+ },
+ "tab-history": {
+ "title": "Tab history",
+ "type": "boolean",
+ "default": false,
+ "prefixed": true
+ }
+ }
+ }
+ },
+ "required": ["slots", "attributes"],
+ "additionalProperties": false
+}
diff --git a/elements/pfe-tabs/dist/pfe-tabs.min.js b/elements/pfe-tabs/dist/pfe-tabs.min.js
new file mode 100644
index 0000000000..27cfed304f
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.min.js
@@ -0,0 +1,26 @@
+import e from"../../pfelement/dist/pfelement.min.js";Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(e){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),r=t.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=arguments[1],o=0;o>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var a=arguments[1],o=0;o@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host{display:block;display:var(--pfe-tabs--Display,block);padding:0;padding:var(--pfe-tabs--Padding,0)}:host .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-tabs__tabs--FlexDirection,row);width:auto;width:var(--pfe-tabs__tabs--Width,auto);border-top:0;border-top:var(--pfe-tabs__tabs--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__tabs--BorderRight,0);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-tabs__tabs--BorderBottom,var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tabs--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2)));border-left:0;border-left:var(--pfe-tabs__tabs--BorderLeft,0);padding:0;padding:var(--pfe-tabs__tabs--Padding,0)}:host .panels{width:auto;width:var(--pfe-tabs__panels--Width,auto)}:host(:not([vertical])[pfe-tab-align=center]) .tabs{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){:host([vertical]){--pfe-tabs--Display:flex;--pfe-tabs__tabs--FlexDirection:column;--pfe-tabs__tabs--Width:20%;--pfe-tabs__tabs--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-tabs--BorderColor);--pfe-tabs__tabs--BorderBottom:0;--pfe-tabs__panels--Width:80%;--pfe-tabs__panels--PaddingRight:var(--pfe-theme--container-padding, 16px)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}:host([vertical]) .tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:22.22%;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:0}:host([vertical]) .panels{width:77.8%;padding-right:1em}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){--pfe-tabs__tabs--Padding:var(--pfe-theme--container-padding, 16px) 0 0 0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]) .tabs{padding:1em 0 0 0}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not([pfe-variant=earth])){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#151515;color:var(--pfe-theme--color--text,#151515)}}:host([pfe-variant=earth]){--pfe-tabs__tabs--PaddingLeft:var(--pfe-theme--container-padding, 16px)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .tabs{padding-left:1em}}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}@media screen and (min-width:768px){:host([vertical][pfe-variant=wind]) .tabs-prefix,:host([vertical][pfe-variant=wind]) .tabs-suffix{left:0;top:0;content:" ";height:32px;width:1px;background-color:#d2d2d2;background-color:var(--pfe-tabs__tabs--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));position:relative}:host(:not([vertical])[pfe-variant=earth]) .tabs-prefix{left:0;top:0;content:" ";height:1px;width:calc(16px * 2);width:calc(var(--pfe-theme--container-padding,16px) * 2);position:relative}}\n/*# sourceMappingURL=pfe-tabs.min.css.map */\n
\n \n \n \n
\n
\n \n
'}static get properties(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}static get slots(){return{tab:{title:"Tab",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},panel:{title:"Panel",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}}}}static get tag(){return"pfe-tabs"}get styleUrl(){return"pfe-tabs.scss"}get templateUrl(){return"pfe-tabs.html"}get schemaUrl(){return"pfe-tabs.json"}static get observedAttributes(){return["vertical","selected-index","pfe-variant","pfe-tab-history"]}static get events(){return{hiddenTab:`${this.tag}:hidden-tab`,shownTab:`${this.tag}:shown-tab`}}get selectedIndex(){return this.getAttribute("selected-index")}set selectedIndex(e){this.setAttribute("selected-index",e)}get tabHistory(){return this.hasAttribute("pfe-tab-history")}constructor(){super(d),this._linked=!1,this._init=this._init.bind(this),this._onClick=this._onClick.bind(this),this._linkPanels=this._linkPanels.bind(this),this._popstateEventHandler=this._popstateEventHandler.bind(this),this._observer=new MutationObserver(this._init),this._updateHistory=!0}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick),Promise.all([customElements.whenDefined(n.tag),customElements.whenDefined(s.tag)]).then(()=>{this.children.length&&this._init(),this._observer.observe(this,a)})}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this._allTabs().forEach(e=>e.removeEventListener("click",this._onClick)),this._observer.disconnect(),this.tabHistory&&window.removeEventListener("popstate",this._popstateEventHandler)}attributeChangedCallback(e,t,r){switch(e){case"pfe-variant":"wind"===this.getAttribute("pfe-variant")?(this._allTabs().forEach(e=>e.setAttribute("pfe-variant","wind")),this._allPanels().forEach(e=>e.setAttribute("pfe-variant","wind"))):"earth"===this.getAttribute("pfe-variant")&&(this._allTabs().forEach(e=>e.setAttribute("pfe-variant","earth")),this._allPanels().forEach(e=>e.setAttribute("pfe-variant","earth")));break;case"vertical":this.hasAttribute("vertical")?(this.setAttribute("aria-orientation","vertical"),this._allPanels().forEach(e=>e.setAttribute("vertical","")),this._allTabs().forEach(e=>e.setAttribute("vertical",""))):(this.removeAttribute("aria-orientation"),this._allPanels().forEach(e=>e.removeAttribute("vertical")),this._allTabs().forEach(e=>e.removeAttribute("vertical")));break;case"selected-index":Promise.all([customElements.whenDefined(n.tag),customElements.whenDefined(s.tag)]).then(()=>{this._linkPanels(),this.selectIndex(r),this._updateHistory=!0});break;case"pfe-tab-history":null===r?window.removeEventListener("popstate",this._popstateEventHandler):window.addEventListener("popstate",this._popstateEventHandler)}}select(e){e&&("pfe-tab"===e.tagName.toLowerCase()?this.selectedIndex=this._getTabIndex(e):console.warn(`${d.tag}: the tab must be a pfe-tab element`))}selectIndex(e){if(void 0===e)return;const t=parseInt(e,10),a=this._allTabs()[t];if(a){if(this.selected&&this.tabHistory&&this._updateHistory&&r){const e=window.location.pathname,t=new URLSearchParams(window.location.search),r=window.location.hash,o=this.id||this.getAttribute("pfe-id"),i=a.id||a.getAttribute("pfe-id");t.set(o,i),history.pushState({},"",`${e}?${t.toString()}${r}`)}this._selectTab(a)}else console.warn(`${d.tag}: tab ${e} does not exist`)}_init(e){let t;"tablist"!==this.getAttribute("role")&&this.setAttribute("role","tablist"),r&&(t=new URLSearchParams(window.location.search));const a=this._getTabIndexFromURL();if(a>-1?(this._setFocus=!0,this.selectedIndex=a):this.hasAttribute("selected-index")||(this.selectedIndex=0),this._linked=!1,this._linkPanels(),e)for(let t of e)"childList"===t.type&&t.addedNodes.length&&[...t.addedNodes].forEach(e=>{e.tagName&&(e.tagName.toLowerCase()!==n.tag&&e.tagName.toLowerCase()!==s.tag||this.variant.value&&e.setAttribute("pfe-variant",this.variant.value))})}_linkPanels(){if(this._linked)return;window.ShadyCSS&&this._observer.disconnect(),this._allTabs().forEach(e=>{const t=e.nextElementSibling;"pfe-tab-panel"===t.tagName.toLowerCase()?(e.setAttribute("aria-controls",t.pfeId),t.setAttribute("aria-labelledby",e.pfeId),e.addEventListener("click",this._onClick)):console.warn(`${d.tag}: tab #${e.pfeId} is not a sibling of a `)}),this._linked=!0,window.ShadyCSS&&this._observer.observe(this,a)}_allPanels(){return[...this.children].filter(e=>e.matches("pfe-tab-panel"))}_allTabs(){return[...this.children].filter(e=>e.matches("pfe-tab"))}_panelForTab(e){const t=e.getAttribute("aria-controls");return this.querySelector(`[pfe-id="${t}"]`)}_prevTab(){const e=this._allTabs();let t=e.findIndex(e=>e.selected)-1;return e[(t+e.length)%e.length]}_firstTab(){return this._allTabs()[0]}_lastTab(){const e=this._allTabs();return e[e.length-1]}_nextTab(){const e=this._allTabs();let t=e.findIndex(e=>e.selected)+1;return e[t%e.length]}_getTabIndex(e){return this._allTabs().findIndex(t=>t.pfeId===e.pfeId)}reset(){const e=this._allTabs(),t=this._allPanels();e.forEach(e=>e.selected=!1),t.forEach(e=>e.hidden=!0)}_selectTab(e){this.reset();const t=this._panelForTab(e);let r=!1;if(!t)throw new Error(`No panel with pfeId ${t.pfeId}`);this.selected&&this.selected!==e&&(r=!0,this.emitEvent(d.events.hiddenTab,{detail:{tab:this.selected}})),e.selected=!0,t.hidden=!1;this._allTabs().findIndex(e=>e.selected);this.selected=e,r&&(this._setFocus&&e.focus(),this.emitEvent(d.events.shownTab,{detail:{tab:this.selected}})),this._setFocus=!1}_onKeyDown(e){if(!this._allTabs().find(t=>t===e.target))return;if(e.altKey)return;let r;switch(e.keyCode){case t.LEFT:case t.UP:r=this._prevTab();break;case t.RIGHT:case t.DOWN:r=this._nextTab();break;case t.HOME:r=this._firstTab();break;case t.END:r=this._lastTab();break;default:return}e.preventDefault(),this.selectedIndex=this._getTabIndex(r),this._setFocus=!0}_onClick(e){this._allTabs().find(t=>t===e.currentTarget)&&(this.selectedIndex=this._getTabIndex(e.currentTarget))}_getTabIndexFromURL(){let e,t=-1;if(r){const r=(e=new URLSearchParams(window.location.search)).has(`${this.id}`)||e.has(this.getAttribute("pfe-id"))||e.has(`pfe-${this.id}`);if(e&&r){const r=e.get(`${this.id}`)||e.get(this.getAttribute("pfe-id"))||e.get(`pfe-${this.id}`);t=this._allTabs().findIndex(e=>{return(e.id||e.getAttribute("pfe-id"))===r})}}return t}_popstateEventHandler(){const e=this._getTabIndexFromURL();this._updateHistory=!1,this.selectedIndex=e>-1?e:0}}class n extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return''}static get tag(){return"pfe-tab"}get styleUrl(){return"pfe-tab.scss"}get templateUrl(){return"pfe-tab.html"}static get observedAttributes(){return["aria-selected"]}set selected(e){e=Boolean(e),this.setAttribute("aria-selected",e)}get selected(){return"true"===this.getAttribute("aria-selected")}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(n),this._tabItem,this._init=this._init.bind(this),this._setTabContent=this._setTabContent.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this._tabItem=this.shadowRoot.querySelector(`.${this.tag}`),(this.children.length||this.textContent.trim().length)&&this._init(),this._observer.observe(this,o)}attributeChangedCallback(){const e=Boolean(this.selected);this.setAttribute("tabindex",e?0:-1)}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this._setTabContent(),this.pfeId||(this.pfeId=`${n.tag}-${i()}`),"tab"!==this.getAttribute("role")&&this.setAttribute("role","tab"),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.parentNode.hasAttribute("vertical")&&this.setAttribute("vertical",""),window.ShadyCSS&&this._observer.observe(this,o)}_setTabContent(){const e=this.textContent.trim().replace(/\s+/g," ");if(!e)return void console.warn(`${this.tag}: There does not appear to be any content in the tab region.`);let t="";this.children.length>0&&this.firstElementChild&&this.firstElementChild.tagName.match(/^H[1-6]/)&&(t=this.firstElementChild.tagName.toLowerCase());let r=document.createElement("h3");t.length>0&&(r=document.createElement(t)),r.textContent=e,this._tabItem.innerHTML="",this._tabItem.appendChild(r)}}class s extends e{static get version(){return"1.0.0-prerelease.54"}get html(){return'
\n
\n \n
\n
'}static get tag(){return"pfe-tab-panel"}get styleUrl(){return"pfe-tab-panel.scss"}get templateUrl(){return"pfe-tab-panel.html"}get pfeId(){return this.getAttribute("pfe-id")}set pfeId(e){e&&this.setAttribute("pfe-id",e)}constructor(){super(s),this._init=this._init.bind(this),this._observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),this._init(),this._observer.observe(this,a)}disconnectedCallback(){this._observer.disconnect()}_init(){window.ShadyCSS&&this._observer.disconnect(),this.pfeId||(this.pfeId=`${s.tag}-${i()}`),"tabpanel"!==this.getAttribute("role")&&this.setAttribute("role","tabpanel"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",0),"true"!==this.previousElementSibling.getAttribute("aria-selected")&&(this.hidden=!0),window.ShadyCSS&&this._observer.observe(this,a)}}e.create(n),e.create(s),e.create(d);export default d;
+//# sourceMappingURL=pfe-tabs.min.js.map
diff --git a/elements/pfe-tabs/dist/pfe-tabs.min.js.map b/elements/pfe-tabs/dist/pfe-tabs.min.js.map
new file mode 100644
index 0000000000..40b32682ed
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.min.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-tabs.min.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.54\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\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.js\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n \n \n
\n
\n \n
`;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":["Array","prototype","find","Object","defineProperty","value","predicate","this","TypeError","o","len","length","thisArg","arguments","k","kValue","call","configurable","writable","findIndex","Element","matches","msMatchesSelector","KEYCODE","DOWN","LEFT","RIGHT","UP","HOME","END","CAN_USE_URLSEARCHPARAMS","window","URLSearchParams","TABS_MUTATION_CONFIG","childList","subtree","TAB_CONTENT_MUTATION_CONFIG","characterData","generateId","Math","random","toString","substr","PfeTabs","PFElement","version","html","properties","vertical","title","type","default","prefixed","variant","enum","tab-history","slots","tab","namedSlot","items","oneOf","$ref","panel","tag","styleUrl","templateUrl","schemaUrl","observedAttributes","events","hiddenTab","shownTab","selectedIndex","getAttribute","setAttribute","tabHistory","hasAttribute","[object Object]","super","_linked","_init","bind","_onClick","_linkPanels","_popstateEventHandler","_observer","MutationObserver","_updateHistory","connectedCallback","addEventListener","_onKeyDown","Promise","all","customElements","whenDefined","PfeTab","PfeTabPanel","then","children","observe","removeEventListener","_allTabs","forEach","disconnect","attr","oldValue","newValue","_allPanels","removeAttribute","selectIndex","newTab","tagName","toLowerCase","_getTabIndex","console","warn","_index","undefined","index","parseInt","selected","pathname","location","urlParams","search","hash","property","id","set","history","pushState","_selectTab","mutationsList","tabIndexFromURL","_getTabIndexFromURL","_setFocus","mutation","addedNodes","addedNode","ShadyCSS","nextElementSibling","pfeId","filter","child","panelId","querySelector","tabs","newIdx","_tab","panels","hidden","reset","newPanel","_panelForTab","newTabSelected","Error","emitEvent","detail","focus","event","target","altKey","keyCode","_prevTab","_nextTab","_firstTab","_lastTab","preventDefault","currentTarget","tabIndex","tabsetInUrl","has","get","Boolean","_tabItem","_setTabContent","shadowRoot","textContent","trim","parentNode","label","replace","semantics","firstElementChild","match","heading","document","createElement","innerHTML","appendChild","previousElementSibling","create"],"mappings":"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"}
\ No newline at end of file
diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.js b/elements/pfe-tabs/dist/pfe-tabs.umd.js
new file mode 100644
index 0000000000..7e4dc5d5cf
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.umd.js
@@ -0,0 +1,1059 @@
+(function (global, factory) {
+ typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../pfelement/dist/pfelement.umd')) :
+ typeof define === 'function' && define.amd ? define(['../../pfelement/dist/pfelement.umd'], factory) :
+ (global.PfeTabs = factory(global.PFElement));
+}(this, (function (PFElement) { 'use strict';
+
+ PFElement = PFElement && PFElement.hasOwnProperty('default') ? PFElement['default'] : PFElement;
+
+ // @POLYFILL Array.prototype.find
+ // https://tc39.github.io/ecma262/#sec-array.prototype.find
+ if (!Array.prototype.find) {
+ Object.defineProperty(Array.prototype, "find", {
+ value: function value(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return kValue.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return kValue;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return undefined.
+ return undefined;
+ },
+ configurable: true,
+ writable: true
+ });
+ }
+
+ // @POLYFILL Array.prototype.findIndex
+ // https://tc39.github.io/ecma262/#sec-array.prototype.findIndex
+ if (!Array.prototype.findIndex) {
+ Object.defineProperty(Array.prototype, "findIndex", {
+ value: function value(predicate) {
+ // 1. Let O be ? ToObject(this value).
+ if (this == null) {
+ throw new TypeError('"this" is null or not defined');
+ }
+
+ var o = Object(this);
+
+ // 2. Let len be ? ToLength(? Get(O, "length")).
+ var len = o.length >>> 0;
+
+ // 3. If IsCallable(predicate) is false, throw a TypeError exception.
+ if (typeof predicate !== "function") {
+ throw new TypeError("predicate must be a function");
+ }
+
+ // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.
+ var thisArg = arguments[1];
+
+ // 5. Let k be 0.
+ var k = 0;
+
+ // 6. Repeat, while k < len
+ while (k < len) {
+ // a. Let Pk be ! ToString(k).
+ // b. Let kValue be ? Get(O, Pk).
+ // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).
+ // d. If testResult is true, return k.
+ var kValue = o[k];
+ if (predicate.call(thisArg, kValue, k, o)) {
+ return k;
+ }
+ // e. Increase k by 1.
+ k++;
+ }
+
+ // 7. Return -1.
+ return -1;
+ },
+ configurable: true,
+ writable: true
+ });
+ }
+
+ // @POLYFILL Element.prototype.matches
+ // https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill
+ if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector;
+ }
+
+ var classCallCheck = function (instance, Constructor) {
+ if (!(instance instanceof Constructor)) {
+ throw new TypeError("Cannot call a class as a function");
+ }
+ };
+
+ var createClass = function () {
+ function defineProperties(target, props) {
+ for (var i = 0; i < props.length; i++) {
+ var descriptor = props[i];
+ descriptor.enumerable = descriptor.enumerable || false;
+ descriptor.configurable = true;
+ if ("value" in descriptor) descriptor.writable = true;
+ Object.defineProperty(target, descriptor.key, descriptor);
+ }
+ }
+
+ return function (Constructor, protoProps, staticProps) {
+ if (protoProps) defineProperties(Constructor.prototype, protoProps);
+ if (staticProps) defineProperties(Constructor, staticProps);
+ return Constructor;
+ };
+ }();
+
+ var get = function get(object, property, receiver) {
+ if (object === null) object = Function.prototype;
+ var desc = Object.getOwnPropertyDescriptor(object, property);
+
+ if (desc === undefined) {
+ var parent = Object.getPrototypeOf(object);
+
+ if (parent === null) {
+ return undefined;
+ } else {
+ return get(parent, property, receiver);
+ }
+ } else if ("value" in desc) {
+ return desc.value;
+ } else {
+ var getter = desc.get;
+
+ if (getter === undefined) {
+ return undefined;
+ }
+
+ return getter.call(receiver);
+ }
+ };
+
+ var inherits = function (subClass, superClass) {
+ if (typeof superClass !== "function" && superClass !== null) {
+ throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+ }
+
+ subClass.prototype = Object.create(superClass && superClass.prototype, {
+ constructor: {
+ value: subClass,
+ enumerable: false,
+ writable: true,
+ configurable: true
+ }
+ });
+ if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+ };
+
+ var possibleConstructorReturn = function (self, call) {
+ if (!self) {
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+ }
+
+ return call && (typeof call === "object" || typeof call === "function") ? call : self;
+ };
+
+ var toConsumableArray = function (arr) {
+ if (Array.isArray(arr)) {
+ for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) arr2[i] = arr[i];
+
+ return arr2;
+ } else {
+ return Array.from(arr);
+ }
+ };
+
+ /*!
+ * PatternFly Elements: PfeTabs 1.0.0-prerelease.54
+ * @license
+ * Copyright 2020 Red Hat, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ *
+ */
+
+ var KEYCODE = {
+ DOWN: 40,
+ LEFT: 37,
+ RIGHT: 39,
+ UP: 38,
+ HOME: 36,
+ END: 35
+ };
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ var CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;
+
+ var TABS_MUTATION_CONFIG = {
+ childList: true,
+ subtree: true
+ };
+
+ var TAB_CONTENT_MUTATION_CONFIG = {
+ characterData: true,
+ childList: true,
+ subtree: true
+ };
+
+ function generateId() {
+ return Math.random().toString(36).substr(2, 9);
+ }
+
+ var PfeTabs = function (_PFElement) {
+ inherits(PfeTabs, _PFElement);
+ createClass(PfeTabs, [{
+ key: "html",
+ get: function get$$1() {
+ return "
\n \n \n \n
\n
\n \n
";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-tabs.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-tabs.html";
+ }
+ }, {
+ key: "schemaUrl",
+ get: function get$$1() {
+ return "pfe-tabs.json";
+ }
+ }, {
+ key: "selectedIndex",
+ get: function get$$1() {
+ return this.getAttribute("selected-index");
+ },
+ set: function set$$1(value) {
+ this.setAttribute("selected-index", value);
+ }
+ }, {
+ key: "tabHistory",
+ get: function get$$1() {
+ return this.hasAttribute("pfe-tab-history");
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "properties",
+ get: function get$$1() {
+ return { "vertical": { "title": "Vertical orientation", "type": "boolean", "default": false, "prefixed": false }, "variant": { "title": "Variant", "type": "string", "enum": ["wind", "earth"], "default": "wind", "prefixed": true }, "tab-history": { "title": "Tab history", "type": "boolean", "default": false, "prefixed": true } };
+ }
+ }, {
+ key: "slots",
+ get: function get$$1() {
+ return { "tab": { "title": "Tab", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } }, "panel": { "title": "Panel", "type": "array", "namedSlot": true, "items": { "oneOf": [{ "$ref": "raw" }] } } };
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-tabs";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["vertical", "selected-index", "pfe-variant", "pfe-tab-history"];
+ }
+ }, {
+ key: "events",
+ get: function get$$1() {
+ return {
+ hiddenTab: this.tag + ":hidden-tab",
+ shownTab: this.tag + ":shown-tab"
+ };
+ }
+ }]);
+
+ function PfeTabs() {
+ classCallCheck(this, PfeTabs);
+
+ var _this = possibleConstructorReturn(this, (PfeTabs.__proto__ || Object.getPrototypeOf(PfeTabs)).call(this, PfeTabs));
+
+ _this._linked = false;
+ _this._init = _this._init.bind(_this);
+ _this._onClick = _this._onClick.bind(_this);
+ _this._linkPanels = _this._linkPanels.bind(_this);
+ _this._popstateEventHandler = _this._popstateEventHandler.bind(_this);
+ _this._observer = new MutationObserver(_this._init);
+ _this._updateHistory = true;
+ return _this;
+ }
+
+ createClass(PfeTabs, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ var _this2 = this;
+
+ get(PfeTabs.prototype.__proto__ || Object.getPrototypeOf(PfeTabs.prototype), "connectedCallback", this).call(this);
+
+ this.addEventListener("keydown", this._onKeyDown);
+ this.addEventListener("click", this._onClick);
+
+ Promise.all([customElements.whenDefined(PfeTab.tag), customElements.whenDefined(PfeTabPanel.tag)]).then(function () {
+ if (_this2.children.length) {
+ _this2._init();
+ }
+
+ _this2._observer.observe(_this2, TABS_MUTATION_CONFIG);
+ });
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ var _this3 = this;
+
+ this.removeEventListener("keydown", this._onKeyDown);
+ this._allTabs().forEach(function (tab) {
+ return tab.removeEventListener("click", _this3._onClick);
+ });
+ this._observer.disconnect();
+
+ if (this.tabHistory) {
+ window.removeEventListener("popstate", this._popstateEventHandler);
+ }
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback(attr, oldValue, newValue) {
+ var _this4 = this;
+
+ switch (attr) {
+ case "pfe-variant":
+ if (this.getAttribute("pfe-variant") === "wind") {
+ this._allTabs().forEach(function (tab) {
+ return tab.setAttribute("pfe-variant", "wind");
+ });
+ this._allPanels().forEach(function (panel) {
+ return panel.setAttribute("pfe-variant", "wind");
+ });
+ } else if (this.getAttribute("pfe-variant") === "earth") {
+ this._allTabs().forEach(function (tab) {
+ return tab.setAttribute("pfe-variant", "earth");
+ });
+ this._allPanels().forEach(function (panel) {
+ return panel.setAttribute("pfe-variant", "earth");
+ });
+ }
+ break;
+
+ case "vertical":
+ if (this.hasAttribute("vertical")) {
+ this.setAttribute("aria-orientation", "vertical");
+ this._allPanels().forEach(function (panel) {
+ return panel.setAttribute("vertical", "");
+ });
+ this._allTabs().forEach(function (tab) {
+ return tab.setAttribute("vertical", "");
+ });
+ } else {
+ this.removeAttribute("aria-orientation");
+ this._allPanels().forEach(function (panel) {
+ return panel.removeAttribute("vertical");
+ });
+ this._allTabs().forEach(function (tab) {
+ return tab.removeAttribute("vertical");
+ });
+ }
+ break;
+
+ case "selected-index":
+ Promise.all([customElements.whenDefined(PfeTab.tag), customElements.whenDefined(PfeTabPanel.tag)]).then(function () {
+ _this4._linkPanels();
+ _this4.selectIndex(newValue);
+ _this4._updateHistory = true;
+ });
+ break;
+
+ case "pfe-tab-history":
+ if (newValue === null) {
+ window.removeEventListener("popstate", this._popstateEventHandler);
+ } else {
+ window.addEventListener("popstate", this._popstateEventHandler);
+ }
+ }
+ }
+ }, {
+ key: "select",
+ value: function select(newTab) {
+ if (!newTab) {
+ return;
+ }
+
+ if (newTab.tagName.toLowerCase() !== "pfe-tab") {
+ console.warn(PfeTabs.tag + ": the tab must be a pfe-tab element");
+ return;
+ }
+
+ this.selectedIndex = this._getTabIndex(newTab);
+ }
+ }, {
+ key: "selectIndex",
+ value: function selectIndex(_index) {
+ if (_index === undefined) {
+ return;
+ }
+
+ var index = parseInt(_index, 10);
+ var tabs = this._allTabs();
+ var tab = tabs[index];
+
+ if (!tab) {
+ console.warn(PfeTabs.tag + ": tab " + _index + " does not exist");
+ return;
+ }
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (this.selected && this.tabHistory && this._updateHistory && CAN_USE_URLSEARCHPARAMS) {
+ // rebuild the url
+ var pathname = window.location.pathname;
+ var urlParams = new URLSearchParams(window.location.search);
+ var hash = window.location.hash;
+ var property = this.id || this.getAttribute("pfe-id");
+ var value = tab.id || tab.getAttribute("pfe-id");
+
+ urlParams.set(property, value);
+ history.pushState({}, "", pathname + "?" + urlParams.toString() + hash);
+ }
+
+ this._selectTab(tab);
+ }
+ }, {
+ key: "_init",
+ value: function _init(mutationsList) {
+ var _this5 = this;
+
+ if (this.getAttribute("role") !== "tablist") {
+ this.setAttribute("role", "tablist");
+ }
+
+ var urlParams = void 0;
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (CAN_USE_URLSEARCHPARAMS) {
+ urlParams = new URLSearchParams(window.location.search);
+ }
+
+ var tabIndexFromURL = this._getTabIndexFromURL();
+
+ if (tabIndexFromURL > -1) {
+ this._setFocus = true;
+ this.selectedIndex = tabIndexFromURL;
+ } else if (!this.hasAttribute("selected-index")) {
+ this.selectedIndex = 0;
+ }
+
+ this._linked = false;
+ this._linkPanels();
+
+ if (mutationsList) {
+ var _iteratorNormalCompletion = true;
+ var _didIteratorError = false;
+ var _iteratorError = undefined;
+
+ try {
+ for (var _iterator = mutationsList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+ var mutation = _step.value;
+
+ if (mutation.type === "childList" && mutation.addedNodes.length) {
+ [].concat(toConsumableArray(mutation.addedNodes)).forEach(function (addedNode) {
+ if (!addedNode.tagName) {
+ return;
+ }
+
+ if (addedNode.tagName.toLowerCase() === PfeTab.tag || addedNode.tagName.toLowerCase() === PfeTabPanel.tag) {
+ if (_this5.variant.value) {
+ addedNode.setAttribute("pfe-variant", _this5.variant.value);
+ }
+ }
+ });
+ }
+ }
+ } catch (err) {
+ _didIteratorError = true;
+ _iteratorError = err;
+ } finally {
+ try {
+ if (!_iteratorNormalCompletion && _iterator.return) {
+ _iterator.return();
+ }
+ } finally {
+ if (_didIteratorError) {
+ throw _iteratorError;
+ }
+ }
+ }
+ }
+ }
+ }, {
+ key: "_linkPanels",
+ value: function _linkPanels() {
+ var _this6 = this;
+
+ if (this._linked) {
+ return;
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ var tabs = this._allTabs();
+
+ tabs.forEach(function (tab) {
+ var panel = tab.nextElementSibling;
+ if (panel.tagName.toLowerCase() !== "pfe-tab-panel") {
+ console.warn(PfeTabs.tag + ": tab #" + tab.pfeId + " is not a sibling of a ");
+ return;
+ }
+
+ tab.setAttribute("aria-controls", panel.pfeId);
+ panel.setAttribute("aria-labelledby", tab.pfeId);
+
+ tab.addEventListener("click", _this6._onClick);
+ });
+
+ this._linked = true;
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+ }
+ }, {
+ key: "_allPanels",
+ value: function _allPanels() {
+ return [].concat(toConsumableArray(this.children)).filter(function (child) {
+ return child.matches("pfe-tab-panel");
+ });
+ }
+ }, {
+ key: "_allTabs",
+ value: function _allTabs() {
+ return [].concat(toConsumableArray(this.children)).filter(function (child) {
+ return child.matches("pfe-tab");
+ });
+ }
+ }, {
+ key: "_panelForTab",
+ value: function _panelForTab(tab) {
+ var panelId = tab.getAttribute("aria-controls");
+ return this.querySelector("[pfe-id=\"" + panelId + "\"]");
+ }
+ }, {
+ key: "_prevTab",
+ value: function _prevTab() {
+ var tabs = this._allTabs();
+ var newIdx = tabs.findIndex(function (tab) {
+ return tab.selected;
+ }) - 1;
+ return tabs[(newIdx + tabs.length) % tabs.length];
+ }
+ }, {
+ key: "_firstTab",
+ value: function _firstTab() {
+ var tabs = this._allTabs();
+ return tabs[0];
+ }
+ }, {
+ key: "_lastTab",
+ value: function _lastTab() {
+ var tabs = this._allTabs();
+ return tabs[tabs.length - 1];
+ }
+ }, {
+ key: "_nextTab",
+ value: function _nextTab() {
+ var tabs = this._allTabs();
+ var newIdx = tabs.findIndex(function (tab) {
+ return tab.selected;
+ }) + 1;
+ return tabs[newIdx % tabs.length];
+ }
+ }, {
+ key: "_getTabIndex",
+ value: function _getTabIndex(_tab) {
+ var tabs = this._allTabs();
+ var index = tabs.findIndex(function (tab) {
+ return tab.pfeId === _tab.pfeId;
+ });
+ return index;
+ }
+ }, {
+ key: "reset",
+ value: function reset() {
+ var tabs = this._allTabs();
+ var panels = this._allPanels();
+
+ tabs.forEach(function (tab) {
+ return tab.selected = false;
+ });
+ panels.forEach(function (panel) {
+ return panel.hidden = true;
+ });
+ }
+ }, {
+ key: "_selectTab",
+ value: function _selectTab(newTab) {
+ this.reset();
+
+ var newPanel = this._panelForTab(newTab);
+ var newTabSelected = false;
+
+ if (!newPanel) {
+ throw new Error("No panel with pfeId " + newPanel.pfeId);
+ }
+
+ if (this.selected && this.selected !== newTab) {
+ newTabSelected = true;
+
+ this.emitEvent(PfeTabs.events.hiddenTab, {
+ detail: {
+ tab: this.selected
+ }
+ });
+ }
+
+ newTab.selected = true;
+ newPanel.hidden = false;
+
+ var tabs = this._allTabs();
+ var newIdx = tabs.findIndex(function (tab) {
+ return tab.selected;
+ });
+
+ this.selected = newTab;
+
+ if (newTabSelected) {
+ if (this._setFocus) {
+ newTab.focus();
+ }
+
+ this.emitEvent(PfeTabs.events.shownTab, {
+ detail: {
+ tab: this.selected
+ }
+ });
+ }
+
+ this._setFocus = false;
+ }
+ }, {
+ key: "_onKeyDown",
+ value: function _onKeyDown(event) {
+ var tabs = this._allTabs();
+ var foundTab = tabs.find(function (tab) {
+ return tab === event.target;
+ });
+
+ if (!foundTab) {
+ return;
+ }
+
+ if (event.altKey) {
+ return;
+ }
+
+ var newTab = void 0;
+
+ switch (event.keyCode) {
+ case KEYCODE.LEFT:
+ case KEYCODE.UP:
+ newTab = this._prevTab();
+ break;
+
+ case KEYCODE.RIGHT:
+ case KEYCODE.DOWN:
+ newTab = this._nextTab();
+ break;
+
+ case KEYCODE.HOME:
+ newTab = this._firstTab();
+ break;
+
+ case KEYCODE.END:
+ newTab = this._lastTab();
+ break;
+
+ default:
+ return;
+ }
+
+ event.preventDefault();
+
+ this.selectedIndex = this._getTabIndex(newTab);
+ this._setFocus = true;
+ }
+ }, {
+ key: "_onClick",
+ value: function _onClick(event) {
+ var tabs = this._allTabs();
+ var foundTab = tabs.find(function (tab) {
+ return tab === event.currentTarget;
+ });
+
+ if (!foundTab) {
+ return;
+ }
+
+ this.selectedIndex = this._getTabIndex(event.currentTarget);
+ }
+ }, {
+ key: "_getTabIndexFromURL",
+ value: function _getTabIndexFromURL() {
+ var urlParams = void 0;
+ var tabIndex = -1;
+
+ // @IE11 doesn't support URLSearchParams
+ // https://caniuse.com/#search=urlsearchparams
+ if (CAN_USE_URLSEARCHPARAMS) {
+ urlParams = new URLSearchParams(window.location.search);
+
+ // @DEPRECATED
+ // the "pfe-" prefix has been deprecated but we'll continue to support it
+ // we'll give priority to the urlParams.has(`${this.id}`) attribute first
+ // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should
+ // be able to remove the || part of the if statement in the future
+ var tabsetInUrl = urlParams.has("" + this.id) || urlParams.has(this.getAttribute("pfe-id")) || urlParams.has("pfe-" + this.id); // remove this condition when it's no longer used in production
+
+ if (urlParams && tabsetInUrl) {
+ var id = urlParams.get("" + this.id) || urlParams.get(this.getAttribute("pfe-id")) || urlParams.get("pfe-" + this.id); // remove this condition when it's no longer used in production
+
+ tabIndex = this._allTabs().findIndex(function (tab) {
+ var tabId = tab.id || tab.getAttribute("pfe-id");
+ return tabId === id;
+ });
+ }
+ }
+
+ return tabIndex;
+ }
+ }, {
+ key: "_popstateEventHandler",
+ value: function _popstateEventHandler() {
+ var tabIndexFromURL = this._getTabIndexFromURL();
+
+ this._updateHistory = false;
+ this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;
+ }
+ }]);
+ return PfeTabs;
+ }(PFElement);
+
+ var PfeTab = function (_PFElement2) {
+ inherits(PfeTab, _PFElement2);
+ createClass(PfeTab, [{
+ key: "html",
+ get: function get$$1() {
+ return "";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-tab.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-tab.html";
+ }
+ }, {
+ key: "selected",
+ set: function set$$1(value) {
+ value = Boolean(value);
+ this.setAttribute("aria-selected", value);
+ },
+ get: function get$$1() {
+ return this.getAttribute("aria-selected") === "true" ? true : false;
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-tab";
+ }
+ }, {
+ key: "observedAttributes",
+ get: function get$$1() {
+ return ["aria-selected"];
+ }
+ }]);
+
+ function PfeTab() {
+ classCallCheck(this, PfeTab);
+
+ var _this7 = possibleConstructorReturn(this, (PfeTab.__proto__ || Object.getPrototypeOf(PfeTab)).call(this, PfeTab));
+
+ _this7._tabItem;
+ _this7._init = _this7._init.bind(_this7);
+ _this7._setTabContent = _this7._setTabContent.bind(_this7);
+ _this7._observer = new MutationObserver(_this7._init);
+ return _this7;
+ }
+
+ createClass(PfeTab, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeTab.prototype.__proto__ || Object.getPrototypeOf(PfeTab.prototype), "connectedCallback", this).call(this);
+
+ this._tabItem = this.shadowRoot.querySelector("." + this.tag);
+
+ if (this.children.length || this.textContent.trim().length) {
+ this._init();
+ }
+
+ this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);
+ }
+ }, {
+ key: "attributeChangedCallback",
+ value: function attributeChangedCallback() {
+ var value = Boolean(this.selected);
+ this.setAttribute("tabindex", value ? 0 : -1);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ // Copy the tab content into the template
+ this._setTabContent();
+
+ if (!this.pfeId) {
+ this.pfeId = PfeTab.tag + "-" + generateId();
+ }
+
+ if (this.getAttribute("role") !== "tab") {
+ this.setAttribute("role", "tab");
+ }
+
+ if (!this.hasAttribute("aria-selected")) {
+ this.setAttribute("aria-selected", "false");
+ }
+
+ if (!this.hasAttribute("tabindex")) {
+ this.setAttribute("tabindex", -1);
+ }
+
+ if (this.parentNode.hasAttribute("vertical")) {
+ this.setAttribute("vertical", "");
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);
+ }
+ }
+ }, {
+ key: "_setTabContent",
+ value: function _setTabContent() {
+ // Copy the tab content into the template
+ var label = this.textContent.trim().replace(/\s+/g, " ");
+
+ if (!label) {
+ console.warn(this.tag + ": There does not appear to be any content in the tab region.");
+ return;
+ }
+
+ var semantics = "";
+ // Get the semantics of the content
+ if (this.children.length > 0) {
+ // We only care about the first child that is a tag
+ if (this.firstElementChild && this.firstElementChild.tagName.match(/^H[1-6]/)) {
+ semantics = this.firstElementChild.tagName.toLowerCase();
+ }
+ }
+
+ // Create an h-level tag for the shadow tab, default h3
+ var heading = document.createElement("h3");
+
+ // Use the provided semantics if provided
+ if (semantics.length > 0) {
+ heading = document.createElement(semantics);
+ }
+
+ // Assign the label content to the new heading
+ heading.textContent = label;
+
+ // Attach the heading to the tabItem
+ this._tabItem.innerHTML = "";
+ this._tabItem.appendChild(heading);
+ }
+ }]);
+ return PfeTab;
+ }(PFElement);
+
+ var PfeTabPanel = function (_PFElement3) {
+ inherits(PfeTabPanel, _PFElement3);
+ createClass(PfeTabPanel, [{
+ key: "html",
+ get: function get$$1() {
+ return "
\n
\n \n
\n
";
+ }
+ }, {
+ key: "styleUrl",
+ get: function get$$1() {
+ return "pfe-tab-panel.scss";
+ }
+ }, {
+ key: "templateUrl",
+ get: function get$$1() {
+ return "pfe-tab-panel.html";
+ }
+ }, {
+ key: "pfeId",
+ get: function get$$1() {
+ return this.getAttribute("pfe-id");
+ },
+ set: function set$$1(id) {
+ if (!id) {
+ return;
+ }
+
+ this.setAttribute("pfe-id", id);
+ }
+ }], [{
+ key: "version",
+ get: function get$$1() {
+ return "1.0.0-prerelease.54";
+ }
+ }, {
+ key: "tag",
+ get: function get$$1() {
+ return "pfe-tab-panel";
+ }
+ }]);
+
+ function PfeTabPanel() {
+ classCallCheck(this, PfeTabPanel);
+
+ var _this8 = possibleConstructorReturn(this, (PfeTabPanel.__proto__ || Object.getPrototypeOf(PfeTabPanel)).call(this, PfeTabPanel));
+
+ _this8._init = _this8._init.bind(_this8);
+ _this8._observer = new MutationObserver(_this8._init);
+ return _this8;
+ }
+
+ createClass(PfeTabPanel, [{
+ key: "connectedCallback",
+ value: function connectedCallback() {
+ get(PfeTabPanel.prototype.__proto__ || Object.getPrototypeOf(PfeTabPanel.prototype), "connectedCallback", this).call(this);
+
+ this._init();
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+ }, {
+ key: "disconnectedCallback",
+ value: function disconnectedCallback() {
+ this._observer.disconnect();
+ }
+ }, {
+ key: "_init",
+ value: function _init() {
+ if (window.ShadyCSS) {
+ this._observer.disconnect();
+ }
+
+ if (!this.pfeId) {
+ this.pfeId = PfeTabPanel.tag + "-" + generateId();
+ }
+
+ if (this.getAttribute("role") !== "tabpanel") {
+ this.setAttribute("role", "tabpanel");
+ }
+
+ if (!this.hasAttribute("tabindex")) {
+ this.setAttribute("tabindex", 0);
+ }
+
+ if (this.previousElementSibling.getAttribute("aria-selected") !== "true") {
+ this.hidden = true;
+ }
+
+ if (window.ShadyCSS) {
+ this._observer.observe(this, TABS_MUTATION_CONFIG);
+ }
+ }
+ }]);
+ return PfeTabPanel;
+ }(PFElement);
+
+ PFElement.create(PfeTab);
+ PFElement.create(PfeTabPanel);
+ PFElement.create(PfeTabs);
+
+ return PfeTabs;
+
+})));
+//# sourceMappingURL=pfe-tabs.umd.js.map
diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.js.map b/elements/pfe-tabs/dist/pfe-tabs.umd.js.map
new file mode 100644
index 0000000000..1d00a020be
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.umd.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"pfe-tabs.umd.js","sources":["../_temp/polyfills--pfe-tabs.js","../_temp/pfe-tabs.umd.js"],"sourcesContent":["// @POLYFILL Array.prototype.find\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\nif (!Array.prototype.find) {\n Object.defineProperty(Array.prototype, \"find\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return kValue.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return kValue;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return undefined.\n return undefined;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Array.prototype.findIndex\n// https://tc39.github.io/ecma262/#sec-array.prototype.findIndex\nif (!Array.prototype.findIndex) {\n Object.defineProperty(Array.prototype, \"findIndex\", {\n value: function(predicate) {\n // 1. Let O be ? ToObject(this value).\n if (this == null) {\n throw new TypeError('\"this\" is null or not defined');\n }\n\n var o = Object(this);\n\n // 2. Let len be ? ToLength(? Get(O, \"length\")).\n var len = o.length >>> 0;\n\n // 3. If IsCallable(predicate) is false, throw a TypeError exception.\n if (typeof predicate !== \"function\") {\n throw new TypeError(\"predicate must be a function\");\n }\n\n // 4. If thisArg was supplied, let T be thisArg; else let T be undefined.\n var thisArg = arguments[1];\n\n // 5. Let k be 0.\n var k = 0;\n\n // 6. Repeat, while k < len\n while (k < len) {\n // a. Let Pk be ! ToString(k).\n // b. Let kValue be ? Get(O, Pk).\n // c. Let testResult be ToBoolean(? Call(predicate, T, « kValue, k, O »)).\n // d. If testResult is true, return k.\n var kValue = o[k];\n if (predicate.call(thisArg, kValue, k, o)) {\n return k;\n }\n // e. Increase k by 1.\n k++;\n }\n\n // 7. Return -1.\n return -1;\n },\n configurable: true,\n writable: true\n });\n}\n\n// @POLYFILL Element.prototype.matches\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\nif (!Element.prototype.matches) {\n Element.prototype.matches = Element.prototype.msMatchesSelector;\n}\n","/*!\n * PatternFly Elements: PfeTabs 1.0.0-prerelease.54\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\n// Import polyfills: find, findIndex\nimport \"./polyfills--pfe-tabs.js\";\n\nimport PFElement from \"../../pfelement/dist/pfelement.umd\";\n\nconst KEYCODE = {\n DOWN: 40,\n LEFT: 37,\n RIGHT: 39,\n UP: 38,\n HOME: 36,\n END: 35\n};\n\n// @IE11 doesn't support URLSearchParams\n// https://caniuse.com/#search=urlsearchparams\nconst CAN_USE_URLSEARCHPARAMS = window.URLSearchParams ? true : false;\n\nconst TABS_MUTATION_CONFIG = {\n childList: true,\n subtree: true\n};\n\nconst TAB_CONTENT_MUTATION_CONFIG = {\n characterData: true,\n childList: true,\n subtree: true\n};\n\nfunction generateId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\nclass PfeTabs extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n \n \n \n
\n
\n \n
`;\n }\n\n static get properties() {\n return {\"vertical\":{\"title\":\"Vertical orientation\",\"type\":\"boolean\",\"default\":false,\"prefixed\":false},\"variant\":{\"title\":\"Variant\",\"type\":\"string\",\"enum\":[\"wind\",\"earth\"],\"default\":\"wind\",\"prefixed\":true},\"tab-history\":{\"title\":\"Tab history\",\"type\":\"boolean\",\"default\":false,\"prefixed\":true}};\n }\n\n static get slots() {\n return {\"tab\":{\"title\":\"Tab\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}},\"panel\":{\"title\":\"Panel\",\"type\":\"array\",\"namedSlot\":true,\"items\":{\"oneOf\":[{\"$ref\":\"raw\"}]}}};\n }\n static get tag() {\n return \"pfe-tabs\";\n }\n\n get styleUrl() {\n return \"pfe-tabs.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tabs.html\";\n }\n\n get schemaUrl() {\n return \"pfe-tabs.json\";\n }\n\n static get observedAttributes() {\n return [\"vertical\", \"selected-index\", \"pfe-variant\", \"pfe-tab-history\"];\n }\n\n static get events() {\n return {\n hiddenTab: `${this.tag}:hidden-tab`,\n shownTab: `${this.tag}:shown-tab`\n };\n }\n\n get selectedIndex() {\n return this.getAttribute(\"selected-index\");\n }\n\n set selectedIndex(value) {\n this.setAttribute(\"selected-index\", value);\n }\n\n get tabHistory() {\n return this.hasAttribute(\"pfe-tab-history\");\n }\n\n constructor() {\n super(PfeTabs);\n\n this._linked = false;\n this._init = this._init.bind(this);\n this._onClick = this._onClick.bind(this);\n this._linkPanels = this._linkPanels.bind(this);\n this._popstateEventHandler = this._popstateEventHandler.bind(this);\n this._observer = new MutationObserver(this._init);\n this._updateHistory = true;\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this.addEventListener(\"keydown\", this._onKeyDown);\n this.addEventListener(\"click\", this._onClick);\n\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n if (this.children.length) {\n this._init();\n }\n\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n });\n }\n\n disconnectedCallback() {\n this.removeEventListener(\"keydown\", this._onKeyDown);\n this._allTabs().forEach(tab =>\n tab.removeEventListener(\"click\", this._onClick)\n );\n this._observer.disconnect();\n\n if (this.tabHistory) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n\n attributeChangedCallback(attr, oldValue, newValue) {\n switch (attr) {\n case \"pfe-variant\":\n if (this.getAttribute(\"pfe-variant\") === \"wind\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"wind\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"wind\")\n );\n } else if (this.getAttribute(\"pfe-variant\") === \"earth\") {\n this._allTabs().forEach(tab =>\n tab.setAttribute(\"pfe-variant\", \"earth\")\n );\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"pfe-variant\", \"earth\")\n );\n }\n break;\n\n case \"vertical\":\n if (this.hasAttribute(\"vertical\")) {\n this.setAttribute(\"aria-orientation\", \"vertical\");\n this._allPanels().forEach(panel =>\n panel.setAttribute(\"vertical\", \"\")\n );\n this._allTabs().forEach(tab => tab.setAttribute(\"vertical\", \"\"));\n } else {\n this.removeAttribute(\"aria-orientation\");\n this._allPanels().forEach(panel => panel.removeAttribute(\"vertical\"));\n this._allTabs().forEach(tab => tab.removeAttribute(\"vertical\"));\n }\n break;\n\n case \"selected-index\":\n Promise.all([\n customElements.whenDefined(PfeTab.tag),\n customElements.whenDefined(PfeTabPanel.tag)\n ]).then(() => {\n this._linkPanels();\n this.selectIndex(newValue);\n this._updateHistory = true;\n });\n break;\n\n case \"pfe-tab-history\":\n if (newValue === null) {\n window.removeEventListener(\"popstate\", this._popstateEventHandler);\n } else {\n window.addEventListener(\"popstate\", this._popstateEventHandler);\n }\n }\n }\n\n select(newTab) {\n if (!newTab) {\n return;\n }\n\n if (newTab.tagName.toLowerCase() !== \"pfe-tab\") {\n console.warn(`${PfeTabs.tag}: the tab must be a pfe-tab element`);\n return;\n }\n\n this.selectedIndex = this._getTabIndex(newTab);\n }\n\n selectIndex(_index) {\n if (_index === undefined) {\n return;\n }\n\n const index = parseInt(_index, 10);\n const tabs = this._allTabs();\n const tab = tabs[index];\n\n if (!tab) {\n console.warn(`${PfeTabs.tag}: tab ${_index} does not exist`);\n return;\n }\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (\n this.selected &&\n this.tabHistory &&\n this._updateHistory &&\n CAN_USE_URLSEARCHPARAMS\n ) {\n // rebuild the url\n const pathname = window.location.pathname;\n const urlParams = new URLSearchParams(window.location.search);\n const hash = window.location.hash;\n const property = this.id || this.getAttribute(\"pfe-id\");\n const value = tab.id || tab.getAttribute(\"pfe-id\");\n\n urlParams.set(property, value);\n history.pushState({}, \"\", `${pathname}?${urlParams.toString()}${hash}`);\n }\n\n this._selectTab(tab);\n }\n\n _init(mutationsList) {\n if (this.getAttribute(\"role\") !== \"tablist\") {\n this.setAttribute(\"role\", \"tablist\");\n }\n\n let urlParams;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n }\n\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n if (tabIndexFromURL > -1) {\n this._setFocus = true;\n this.selectedIndex = tabIndexFromURL;\n } else if (!this.hasAttribute(\"selected-index\")) {\n this.selectedIndex = 0;\n }\n\n this._linked = false;\n this._linkPanels();\n\n if (mutationsList) {\n for (let mutation of mutationsList) {\n if (mutation.type === \"childList\" && mutation.addedNodes.length) {\n [...mutation.addedNodes].forEach(addedNode => {\n if (!addedNode.tagName) {\n return;\n }\n\n if (\n addedNode.tagName.toLowerCase() === PfeTab.tag ||\n addedNode.tagName.toLowerCase() === PfeTabPanel.tag\n ) {\n if (this.variant.value) {\n addedNode.setAttribute(\"pfe-variant\", this.variant.value);\n }\n }\n });\n }\n }\n }\n }\n\n _linkPanels() {\n if (this._linked) {\n return;\n }\n\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n const tabs = this._allTabs();\n\n tabs.forEach(tab => {\n const panel = tab.nextElementSibling;\n if (panel.tagName.toLowerCase() !== \"pfe-tab-panel\") {\n console.warn(\n `${PfeTabs.tag}: tab #${tab.pfeId} is not a sibling of a `\n );\n return;\n }\n\n tab.setAttribute(\"aria-controls\", panel.pfeId);\n panel.setAttribute(\"aria-labelledby\", tab.pfeId);\n\n tab.addEventListener(\"click\", this._onClick);\n });\n\n this._linked = true;\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n\n _allPanels() {\n return [...this.children].filter(child => child.matches(\"pfe-tab-panel\"));\n }\n\n _allTabs() {\n return [...this.children].filter(child => child.matches(\"pfe-tab\"));\n }\n\n _panelForTab(tab) {\n const panelId = tab.getAttribute(\"aria-controls\");\n return this.querySelector(`[pfe-id=\"${panelId}\"]`);\n }\n\n _prevTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) - 1;\n return tabs[(newIdx + tabs.length) % tabs.length];\n }\n\n _firstTab() {\n const tabs = this._allTabs();\n return tabs[0];\n }\n\n _lastTab() {\n const tabs = this._allTabs();\n return tabs[tabs.length - 1];\n }\n\n _nextTab() {\n const tabs = this._allTabs();\n let newIdx = tabs.findIndex(tab => tab.selected) + 1;\n return tabs[newIdx % tabs.length];\n }\n\n _getTabIndex(_tab) {\n const tabs = this._allTabs();\n const index = tabs.findIndex(tab => tab.pfeId === _tab.pfeId);\n return index;\n }\n\n reset() {\n const tabs = this._allTabs();\n const panels = this._allPanels();\n\n tabs.forEach(tab => (tab.selected = false));\n panels.forEach(panel => (panel.hidden = true));\n }\n\n _selectTab(newTab) {\n this.reset();\n\n const newPanel = this._panelForTab(newTab);\n let newTabSelected = false;\n\n if (!newPanel) {\n throw new Error(`No panel with pfeId ${newPanel.pfeId}`);\n }\n\n if (this.selected && this.selected !== newTab) {\n newTabSelected = true;\n\n this.emitEvent(PfeTabs.events.hiddenTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n newTab.selected = true;\n newPanel.hidden = false;\n\n const tabs = this._allTabs();\n const newIdx = tabs.findIndex(tab => tab.selected);\n\n this.selected = newTab;\n\n if (newTabSelected) {\n if (this._setFocus) {\n newTab.focus();\n }\n\n this.emitEvent(PfeTabs.events.shownTab, {\n detail: {\n tab: this.selected\n }\n });\n }\n\n this._setFocus = false;\n }\n\n _onKeyDown(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.target);\n\n if (!foundTab) {\n return;\n }\n\n if (event.altKey) {\n return;\n }\n\n let newTab;\n\n switch (event.keyCode) {\n case KEYCODE.LEFT:\n case KEYCODE.UP:\n newTab = this._prevTab();\n break;\n\n case KEYCODE.RIGHT:\n case KEYCODE.DOWN:\n newTab = this._nextTab();\n break;\n\n case KEYCODE.HOME:\n newTab = this._firstTab();\n break;\n\n case KEYCODE.END:\n newTab = this._lastTab();\n break;\n\n default:\n return;\n }\n\n event.preventDefault();\n\n this.selectedIndex = this._getTabIndex(newTab);\n this._setFocus = true;\n }\n\n _onClick(event) {\n const tabs = this._allTabs();\n const foundTab = tabs.find(tab => tab === event.currentTarget);\n\n if (!foundTab) {\n return;\n }\n\n this.selectedIndex = this._getTabIndex(event.currentTarget);\n }\n\n _getTabIndexFromURL() {\n let urlParams;\n let tabIndex = -1;\n\n // @IE11 doesn't support URLSearchParams\n // https://caniuse.com/#search=urlsearchparams\n if (CAN_USE_URLSEARCHPARAMS) {\n urlParams = new URLSearchParams(window.location.search);\n\n // @DEPRECATED\n // the \"pfe-\" prefix has been deprecated but we'll continue to support it\n // we'll give priority to the urlParams.has(`${this.id}`) attribute first\n // and fallback to urlParams.has(`pfe-${this.id}`) if it exists. We should\n // be able to remove the || part of the if statement in the future\n const tabsetInUrl =\n urlParams.has(`${this.id}`) ||\n urlParams.has(this.getAttribute(\"pfe-id\")) ||\n urlParams.has(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n if (urlParams && tabsetInUrl) {\n const id =\n urlParams.get(`${this.id}`) ||\n urlParams.get(this.getAttribute(\"pfe-id\")) ||\n urlParams.get(`pfe-${this.id}`); // remove this condition when it's no longer used in production\n\n tabIndex = this._allTabs().findIndex(tab => {\n const tabId = tab.id || tab.getAttribute(\"pfe-id\");\n return tabId === id;\n });\n }\n }\n\n return tabIndex;\n }\n\n _popstateEventHandler() {\n const tabIndexFromURL = this._getTabIndexFromURL();\n\n this._updateHistory = false;\n this.selectedIndex = tabIndexFromURL > -1 ? tabIndexFromURL : 0;\n }\n}\n\nclass PfeTab extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return ``;\n }\n static get tag() {\n return \"pfe-tab\";\n }\n\n get styleUrl() {\n return \"pfe-tab.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab.html\";\n }\n\n static get observedAttributes() {\n return [\"aria-selected\"];\n }\n\n set selected(value) {\n value = Boolean(value);\n this.setAttribute(\"aria-selected\", value);\n }\n\n get selected() {\n return this.getAttribute(\"aria-selected\") === \"true\" ? true : false;\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTab);\n\n this._tabItem;\n this._init = this._init.bind(this);\n this._setTabContent = this._setTabContent.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._tabItem = this.shadowRoot.querySelector(`.${this.tag}`);\n\n if (this.children.length || this.textContent.trim().length) {\n this._init();\n }\n\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n\n attributeChangedCallback() {\n const value = Boolean(this.selected);\n this.setAttribute(\"tabindex\", value ? 0 : -1);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n // Copy the tab content into the template\n this._setTabContent();\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTab.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tab\") {\n this.setAttribute(\"role\", \"tab\");\n }\n\n if (!this.hasAttribute(\"aria-selected\")) {\n this.setAttribute(\"aria-selected\", \"false\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", -1);\n }\n\n if (this.parentNode.hasAttribute(\"vertical\")) {\n this.setAttribute(\"vertical\", \"\");\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TAB_CONTENT_MUTATION_CONFIG);\n }\n }\n\n _setTabContent() {\n // Copy the tab content into the template\n const label = this.textContent.trim().replace(/\\s+/g, \" \");\n\n if (!label) {\n console.warn(\n `${this.tag}: There does not appear to be any content in the tab region.`\n );\n return;\n }\n\n let semantics = \"\";\n // Get the semantics of the content\n if (this.children.length > 0) {\n // We only care about the first child that is a tag\n if (\n this.firstElementChild &&\n this.firstElementChild.tagName.match(/^H[1-6]/)\n ) {\n semantics = this.firstElementChild.tagName.toLowerCase();\n }\n }\n\n // Create an h-level tag for the shadow tab, default h3\n let heading = document.createElement(\"h3\");\n\n // Use the provided semantics if provided\n if (semantics.length > 0) {\n heading = document.createElement(semantics);\n }\n\n // Assign the label content to the new heading\n heading.textContent = label;\n\n // Attach the heading to the tabItem\n this._tabItem.innerHTML = \"\";\n this._tabItem.appendChild(heading);\n }\n}\n\nclass PfeTabPanel extends PFElement {\n static get version() {\n return \"1.0.0-prerelease.54\";\n }\n\n get html() {\n return `
\n
\n \n
\n
`;\n }\n static get tag() {\n return \"pfe-tab-panel\";\n }\n\n get styleUrl() {\n return \"pfe-tab-panel.scss\";\n }\n\n get templateUrl() {\n return \"pfe-tab-panel.html\";\n }\n\n get pfeId() {\n return this.getAttribute(\"pfe-id\");\n }\n\n set pfeId(id) {\n if (!id) {\n return;\n }\n\n this.setAttribute(\"pfe-id\", id);\n }\n\n constructor() {\n super(PfeTabPanel);\n\n this._init = this._init.bind(this);\n this._observer = new MutationObserver(this._init);\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n this._init();\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n\n disconnectedCallback() {\n this._observer.disconnect();\n }\n\n _init() {\n if (window.ShadyCSS) {\n this._observer.disconnect();\n }\n\n if (!this.pfeId) {\n this.pfeId = `${PfeTabPanel.tag}-${generateId()}`;\n }\n\n if (this.getAttribute(\"role\") !== \"tabpanel\") {\n this.setAttribute(\"role\", \"tabpanel\");\n }\n\n if (!this.hasAttribute(\"tabindex\")) {\n this.setAttribute(\"tabindex\", 0);\n }\n\n if (this.previousElementSibling.getAttribute(\"aria-selected\") !== \"true\") {\n this.hidden = true;\n }\n\n if (window.ShadyCSS) {\n this._observer.observe(this, TABS_MUTATION_CONFIG);\n }\n }\n}\n\nPFElement.create(PfeTab);\nPFElement.create(PfeTabPanel);\nPFElement.create(PfeTabs);\n\nexport { PfeTabs as default };\n"],"names":["Array","prototype","find","Object","defineProperty","value","predicate","TypeError","o","len","length","thisArg","arguments","k","kValue","call","undefined","configurable","writable","findIndex","Element","matches","msMatchesSelector","KEYCODE","DOWN","LEFT","RIGHT","UP","HOME","END","CAN_USE_URLSEARCHPARAMS","window","URLSearchParams","TABS_MUTATION_CONFIG","childList","subtree","TAB_CONTENT_MUTATION_CONFIG","characterData","generateId","Math","random","toString","substr","PfeTabs","getAttribute","setAttribute","hasAttribute","hiddenTab","tag","shownTab","_linked","_init","bind","_onClick","_linkPanels","_popstateEventHandler","_observer","MutationObserver","_updateHistory","addEventListener","_onKeyDown","Promise","all","customElements","whenDefined","PfeTab","PfeTabPanel","then","children","observe","removeEventListener","_allTabs","forEach","tab","disconnect","tabHistory","attr","oldValue","newValue","_allPanels","panel","removeAttribute","selectIndex","newTab","tagName","toLowerCase","console","warn","selectedIndex","_getTabIndex","_index","index","parseInt","tabs","selected","pathname","location","urlParams","search","hash","property","id","set","history","pushState","_selectTab","mutationsList","tabIndexFromURL","_getTabIndexFromURL","_setFocus","mutation","type","addedNodes","addedNode","variant","ShadyCSS","nextElementSibling","pfeId","filter","child","panelId","querySelector","newIdx","_tab","panels","hidden","reset","newPanel","_panelForTab","newTabSelected","Error","emitEvent","events","detail","focus","event","foundTab","target","altKey","keyCode","_prevTab","_nextTab","_firstTab","_lastTab","preventDefault","currentTarget","tabIndex","tabsetInUrl","has","get","tabId","PFElement","Boolean","_tabItem","_setTabContent","shadowRoot","textContent","trim","parentNode","label","replace","semantics","firstElementChild","match","heading","document","createElement","innerHTML","appendChild","previousElementSibling","create"],"mappings":";;;;;;;;EAAA;EACA;EACA,IAAI,CAACA,MAAMC,SAAN,CAAgBC,IAArB,EAA2B;EACzBC,SAAOC,cAAP,CAAsBJ,MAAMC,SAA5B,EAAuC,MAAvC,EAA+C;EAC7CI,WAAO,eAASC,SAAT,EAAoB;EACzB;EACA,UAAI,QAAQ,IAAZ,EAAkB;EAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;EACD;;EAED,UAAIC,IAAIL,OAAO,IAAP,CAAR;;EAEA;EACA,UAAIM,MAAMD,EAAEE,MAAF,KAAa,CAAvB;;EAEA;EACA,UAAI,OAAOJ,SAAP,KAAqB,UAAzB,EAAqC;EACnC,cAAM,IAAIC,SAAJ,CAAc,8BAAd,CAAN;EACD;;EAED;EACA,UAAII,UAAUC,UAAU,CAAV,CAAd;;EAEA;EACA,UAAIC,IAAI,CAAR;;EAEA;EACA,aAAOA,IAAIJ,GAAX,EAAgB;EACd;EACA;EACA;EACA;EACA,YAAIK,SAASN,EAAEK,CAAF,CAAb;EACA,YAAIP,UAAUS,IAAV,CAAeJ,OAAf,EAAwBG,MAAxB,EAAgCD,CAAhC,EAAmCL,CAAnC,CAAJ,EAA2C;EACzC,iBAAOM,MAAP;EACD;EACD;EACAD;EACD;;EAED;EACA,aAAOG,SAAP;EACD,KAvC4C;EAwC7CC,kBAAc,IAxC+B;EAyC7CC,cAAU;EAzCmC,GAA/C;EA2CD;;EAED;EACA;EACA,IAAI,CAAClB,MAAMC,SAAN,CAAgBkB,SAArB,EAAgC;EAC9BhB,SAAOC,cAAP,CAAsBJ,MAAMC,SAA5B,EAAuC,WAAvC,EAAoD;EAClDI,WAAO,eAASC,SAAT,EAAoB;EACzB;EACA,UAAI,QAAQ,IAAZ,EAAkB;EAChB,cAAM,IAAIC,SAAJ,CAAc,+BAAd,CAAN;EACD;;EAED,UAAIC,IAAIL,OAAO,IAAP,CAAR;;EAEA;EACA,UAAIM,MAAMD,EAAEE,MAAF,KAAa,CAAvB;;EAEA;EACA,UAAI,OAAOJ,SAAP,KAAqB,UAAzB,EAAqC;EACnC,cAAM,IAAIC,SAAJ,CAAc,8BAAd,CAAN;EACD;;EAED;EACA,UAAII,UAAUC,UAAU,CAAV,CAAd;;EAEA;EACA,UAAIC,IAAI,CAAR;;EAEA;EACA,aAAOA,IAAIJ,GAAX,EAAgB;EACd;EACA;EACA;EACA;EACA,YAAIK,SAASN,EAAEK,CAAF,CAAb;EACA,YAAIP,UAAUS,IAAV,CAAeJ,OAAf,EAAwBG,MAAxB,EAAgCD,CAAhC,EAAmCL,CAAnC,CAAJ,EAA2C;EACzC,iBAAOK,CAAP;EACD;EACD;EACAA;EACD;;EAED;EACA,aAAO,CAAC,CAAR;EACD,KAvCiD;EAwClDI,kBAAc,IAxCoC;EAyClDC,cAAU;EAzCwC,GAApD;EA2CD;;EAED;EACA;EACA,IAAI,CAACE,QAAQnB,SAAR,CAAkBoB,OAAvB,EAAgC;EAC9BD,UAAQnB,SAAR,CAAkBoB,OAAlB,GAA4BD,QAAQnB,SAAR,CAAkBqB,iBAA9C;EACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECpGD;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAMC,UAAU;EACdC,QAAM,EADQ;EAEdC,QAAM,EAFQ;EAGdC,SAAO,EAHO;EAIdC,MAAI,EAJU;EAKdC,QAAM,EALQ;EAMdC,OAAK;EANS,CAAhB;;EASA;EACA;EACA,IAAMC,0BAA0BC,OAAOC,eAAP,GAAyB,IAAzB,GAAgC,KAAhE;;EAEA,IAAMC,uBAAuB;EAC3BC,aAAW,IADgB;EAE3BC,WAAS;EAFkB,CAA7B;;EAKA,IAAMC,8BAA8B;EAClCC,iBAAe,IADmB;EAElCH,aAAW,IAFuB;EAGlCC,WAAS;EAHyB,CAApC;;EAMA,SAASG,UAAT,GAAsB;EACpB,SAAOC,KAAKC,MAAL,GACJC,QADI,CACK,EADL,EAEJC,MAFI,CAEG,CAFH,EAEM,CAFN,CAAP;EAGD;;MAEKC;;;;6BAKO;EACT;EAUD;;;6BAac;EACb,aAAO,eAAP;EACD;;;6BAEiB;EAChB,aAAO,eAAP;EACD;;;6BAEe;EACd,aAAO,eAAP;EACD;;;6BAamB;EAClB,aAAO,KAAKC,YAAL,CAAkB,gBAAlB,CAAP;EACD;2BAEiBvC,OAAO;EACvB,WAAKwC,YAAL,CAAkB,gBAAlB,EAAoCxC,KAApC;EACD;;;6BAEgB;EACf,aAAO,KAAKyC,YAAL,CAAkB,iBAAlB,CAAP;EACD;;;6BA7DoB;EACnB,aAAO,qBAAP;EACD;;;6BAeuB;EACtB,aAAO,EAAC,YAAW,EAAC,SAAQ,sBAAT,EAAgC,QAAO,SAAvC,EAAiD,WAAU,KAA3D,EAAiE,YAAW,KAA5E,EAAZ,EAA+F,WAAU,EAAC,SAAQ,SAAT,EAAmB,QAAO,QAA1B,EAAmC,QAAO,CAAC,MAAD,EAAQ,OAAR,CAA1C,EAA2D,WAAU,MAArE,EAA4E,YAAW,IAAvF,EAAzG,EAAsM,eAAc,EAAC,SAAQ,aAAT,EAAuB,QAAO,SAA9B,EAAwC,WAAU,KAAlD,EAAwD,YAAW,IAAnE,EAApN,EAAP;EACD;;;6BAEkB;EACjB,aAAO,EAAC,OAAM,EAAC,SAAQ,KAAT,EAAe,QAAO,OAAtB,EAA8B,aAAY,IAA1C,EAA+C,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAAvD,EAAP,EAA0F,SAAQ,EAAC,SAAQ,OAAT,EAAiB,QAAO,OAAxB,EAAgC,aAAY,IAA5C,EAAiD,SAAQ,EAAC,SAAQ,CAAC,EAAC,QAAO,KAAR,EAAD,CAAT,EAAzD,EAAlG,EAAP;EACD;;;6BACgB;EACf,aAAO,UAAP;EACD;;;6BAc+B;EAC9B,aAAO,CAAC,UAAD,EAAa,gBAAb,EAA+B,aAA/B,EAA8C,iBAA9C,CAAP;EACD;;;6BAEmB;EAClB,aAAO;EACLC,mBAAc,KAAKC,GAAnB,gBADK;EAELC,kBAAa,KAAKD,GAAlB;EAFK,OAAP;EAID;;;EAcD,qBAAc;EAAA;;EAAA,iHACNL,OADM;;EAGZ,UAAKO,OAAL,GAAe,KAAf;EACA,UAAKC,KAAL,GAAa,MAAKA,KAAL,CAAWC,IAAX,OAAb;EACA,UAAKC,QAAL,GAAgB,MAAKA,QAAL,CAAcD,IAAd,OAAhB;EACA,UAAKE,WAAL,GAAmB,MAAKA,WAAL,CAAiBF,IAAjB,OAAnB;EACA,UAAKG,qBAAL,GAA6B,MAAKA,qBAAL,CAA2BH,IAA3B,OAA7B;EACA,UAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,MAAKN,KAA1B,CAAjB;EACA,UAAKO,cAAL,GAAsB,IAAtB;EATY;EAUb;;;;0CAEmB;EAAA;;EAClB;;EAEA,WAAKC,gBAAL,CAAsB,SAAtB,EAAiC,KAAKC,UAAtC;EACA,WAAKD,gBAAL,CAAsB,OAAtB,EAA+B,KAAKN,QAApC;;EAEAQ,cAAQC,GAAR,CAAY,CACVC,eAAeC,WAAf,CAA2BC,OAAOjB,GAAlC,CADU,EAEVe,eAAeC,WAAf,CAA2BE,YAAYlB,GAAvC,CAFU,CAAZ,EAGGmB,IAHH,CAGQ,YAAM;EACZ,YAAI,OAAKC,QAAL,CAAc1D,MAAlB,EAA0B;EACxB,iBAAKyC,KAAL;EACD;;EAED,eAAKK,SAAL,CAAea,OAAf,CAAuB,MAAvB,EAA6BpC,oBAA7B;EACD,OATD;EAUD;;;6CAEsB;EAAA;;EACrB,WAAKqC,mBAAL,CAAyB,SAAzB,EAAoC,KAAKV,UAAzC;EACA,WAAKW,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,eACtBC,IAAIH,mBAAJ,CAAwB,OAAxB,EAAiC,OAAKjB,QAAtC,CADsB;EAAA,OAAxB;EAGA,WAAKG,SAAL,CAAekB,UAAf;;EAEA,UAAI,KAAKC,UAAT,EAAqB;EACnB5C,eAAOuC,mBAAP,CAA2B,UAA3B,EAAuC,KAAKf,qBAA5C;EACD;EACF;;;+CAEwBqB,MAAMC,UAAUC,UAAU;EAAA;;EACjD,cAAQF,IAAR;EACE,aAAK,aAAL;EACE,cAAI,KAAKhC,YAAL,CAAkB,aAAlB,MAAqC,MAAzC,EAAiD;EAC/C,iBAAK2B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBACtBC,IAAI5B,YAAJ,CAAiB,aAAjB,EAAgC,MAAhC,CADsB;EAAA,aAAxB;EAGA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,aAAnB,EAAkC,MAAlC,CADwB;EAAA,aAA1B;EAGD,WAPD,MAOO,IAAI,KAAKD,YAAL,CAAkB,aAAlB,MAAqC,OAAzC,EAAkD;EACvD,iBAAK2B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBACtBC,IAAI5B,YAAJ,CAAiB,aAAjB,EAAgC,OAAhC,CADsB;EAAA,aAAxB;EAGA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,aAAnB,EAAkC,OAAlC,CADwB;EAAA,aAA1B;EAGD;EACD;;EAEF,aAAK,UAAL;EACE,cAAI,KAAKC,YAAL,CAAkB,UAAlB,CAAJ,EAAmC;EACjC,iBAAKD,YAAL,CAAkB,kBAAlB,EAAsC,UAAtC;EACA,iBAAKkC,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBACxBQ,MAAMnC,YAAN,CAAmB,UAAnB,EAA+B,EAA/B,CADwB;EAAA,aAA1B;EAGA,iBAAK0B,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBAAOC,IAAI5B,YAAJ,CAAiB,UAAjB,EAA6B,EAA7B,CAAP;EAAA,aAAxB;EACD,WAND,MAMO;EACL,iBAAKoC,eAAL,CAAqB,kBAArB;EACA,iBAAKF,UAAL,GAAkBP,OAAlB,CAA0B;EAAA,qBAASQ,MAAMC,eAAN,CAAsB,UAAtB,CAAT;EAAA,aAA1B;EACA,iBAAKV,QAAL,GAAgBC,OAAhB,CAAwB;EAAA,qBAAOC,IAAIQ,eAAJ,CAAoB,UAApB,CAAP;EAAA,aAAxB;EACD;EACD;;EAEF,aAAK,gBAAL;EACEpB,kBAAQC,GAAR,CAAY,CACVC,eAAeC,WAAf,CAA2BC,OAAOjB,GAAlC,CADU,EAEVe,eAAeC,WAAf,CAA2BE,YAAYlB,GAAvC,CAFU,CAAZ,EAGGmB,IAHH,CAGQ,YAAM;EACZ,mBAAKb,WAAL;EACA,mBAAK4B,WAAL,CAAiBJ,QAAjB;EACA,mBAAKpB,cAAL,GAAsB,IAAtB;EACD,WAPD;EAQA;;EAEF,aAAK,iBAAL;EACE,cAAIoB,aAAa,IAAjB,EAAuB;EACrB/C,mBAAOuC,mBAAP,CAA2B,UAA3B,EAAuC,KAAKf,qBAA5C;EACD,WAFD,MAEO;EACLxB,mBAAO4B,gBAAP,CAAwB,UAAxB,EAAoC,KAAKJ,qBAAzC;EACD;EAjDL;EAmDD;;;6BAEM4B,QAAQ;EACb,UAAI,CAACA,MAAL,EAAa;EACX;EACD;;EAED,UAAIA,OAAOC,OAAP,CAAeC,WAAf,OAAiC,SAArC,EAAgD;EAC9CC,gBAAQC,IAAR,CAAgB5C,QAAQK,GAAxB;EACA;EACD;;EAED,WAAKwC,aAAL,GAAqB,KAAKC,YAAL,CAAkBN,MAAlB,CAArB;EACD;;;kCAEWO,QAAQ;EAClB,UAAIA,WAAW1E,SAAf,EAA0B;EACxB;EACD;;EAED,UAAM2E,QAAQC,SAASF,MAAT,EAAiB,EAAjB,CAAd;EACA,UAAMG,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAME,MAAMoB,KAAKF,KAAL,CAAZ;;EAEA,UAAI,CAAClB,GAAL,EAAU;EACRa,gBAAQC,IAAR,CAAgB5C,QAAQK,GAAxB,cAAoC0C,MAApC;EACA;EACD;;EAED;EACA;EACA,UACE,KAAKI,QAAL,IACA,KAAKnB,UADL,IAEA,KAAKjB,cAFL,IAGA5B,uBAJF,EAKE;EACA;EACA,YAAMiE,WAAWhE,OAAOiE,QAAP,CAAgBD,QAAjC;EACA,YAAME,YAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAlB;EACA,YAAMC,OAAOpE,OAAOiE,QAAP,CAAgBG,IAA7B;EACA,YAAMC,WAAW,KAAKC,EAAL,IAAW,KAAKzD,YAAL,CAAkB,QAAlB,CAA5B;EACA,YAAMvC,QAAQoE,IAAI4B,EAAJ,IAAU5B,IAAI7B,YAAJ,CAAiB,QAAjB,CAAxB;;EAEAqD,kBAAUK,GAAV,CAAcF,QAAd,EAAwB/F,KAAxB;EACAkG,gBAAQC,SAAR,CAAkB,EAAlB,EAAsB,EAAtB,EAA6BT,QAA7B,SAAyCE,UAAUxD,QAAV,EAAzC,GAAgE0D,IAAhE;EACD;;EAED,WAAKM,UAAL,CAAgBhC,GAAhB;EACD;;;4BAEKiC,eAAe;EAAA;;EACnB,UAAI,KAAK9D,YAAL,CAAkB,MAAlB,MAA8B,SAAlC,EAA6C;EAC3C,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,SAA1B;EACD;;EAED,UAAIoD,kBAAJ;;EAEA;EACA;EACA,UAAInE,uBAAJ,EAA6B;EAC3BmE,oBAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAZ;EACD;;EAED,UAAMS,kBAAkB,KAAKC,mBAAL,EAAxB;;EAEA,UAAID,kBAAkB,CAAC,CAAvB,EAA0B;EACxB,aAAKE,SAAL,GAAiB,IAAjB;EACA,aAAKrB,aAAL,GAAqBmB,eAArB;EACD,OAHD,MAGO,IAAI,CAAC,KAAK7D,YAAL,CAAkB,gBAAlB,CAAL,EAA0C;EAC/C,aAAK0C,aAAL,GAAqB,CAArB;EACD;;EAED,WAAKtC,OAAL,GAAe,KAAf;EACA,WAAKI,WAAL;;EAEA,UAAIoD,aAAJ,EAAmB;EAAA;EAAA;EAAA;;EAAA;EACjB,+BAAqBA,aAArB,8HAAoC;EAAA,gBAA3BI,QAA2B;;EAClC,gBAAIA,SAASC,IAAT,KAAkB,WAAlB,IAAiCD,SAASE,UAAT,CAAoBtG,MAAzD,EAAiE;EAC/D,0CAAIoG,SAASE,UAAb,GAAyBxC,OAAzB,CAAiC,qBAAa;EAC5C,oBAAI,CAACyC,UAAU7B,OAAf,EAAwB;EACtB;EACD;;EAED,oBACE6B,UAAU7B,OAAV,CAAkBC,WAAlB,OAAoCpB,OAAOjB,GAA3C,IACAiE,UAAU7B,OAAV,CAAkBC,WAAlB,OAAoCnB,YAAYlB,GAFlD,EAGE;EACA,sBAAI,OAAKkE,OAAL,CAAa7G,KAAjB,EAAwB;EACtB4G,8BAAUpE,YAAV,CAAuB,aAAvB,EAAsC,OAAKqE,OAAL,CAAa7G,KAAnD;EACD;EACF;EACF,eAbD;EAcD;EACF;EAlBgB;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAmBlB;EACF;;;oCAEa;EAAA;;EACZ,UAAI,KAAK6C,OAAT,EAAkB;EAChB;EACD;;EAED,UAAInB,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED,UAAMmB,OAAO,KAAKtB,QAAL,EAAb;;EAEAsB,WAAKrB,OAAL,CAAa,eAAO;EAClB,YAAMQ,QAAQP,IAAI2C,kBAAlB;EACA,YAAIpC,MAAMI,OAAN,CAAcC,WAAd,OAAgC,eAApC,EAAqD;EACnDC,kBAAQC,IAAR,CACK5C,QAAQK,GADb,eAC0ByB,IAAI4C,KAD9B;EAGA;EACD;;EAED5C,YAAI5B,YAAJ,CAAiB,eAAjB,EAAkCmC,MAAMqC,KAAxC;EACArC,cAAMnC,YAAN,CAAmB,iBAAnB,EAAsC4B,IAAI4C,KAA1C;;EAEA5C,YAAId,gBAAJ,CAAqB,OAArB,EAA8B,OAAKN,QAAnC;EACD,OAbD;;EAeA,WAAKH,OAAL,GAAe,IAAf;;EAEA,UAAInB,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;EACF;;;mCAEY;EACX,aAAO,4BAAI,KAAKmC,QAAT,GAAmBkD,MAAnB,CAA0B;EAAA,eAASC,MAAMlG,OAAN,CAAc,eAAd,CAAT;EAAA,OAA1B,CAAP;EACD;;;iCAEU;EACT,aAAO,4BAAI,KAAK+C,QAAT,GAAmBkD,MAAnB,CAA0B;EAAA,eAASC,MAAMlG,OAAN,CAAc,SAAd,CAAT;EAAA,OAA1B,CAAP;EACD;;;mCAEYoD,KAAK;EAChB,UAAM+C,UAAU/C,IAAI7B,YAAJ,CAAiB,eAAjB,CAAhB;EACA,aAAO,KAAK6E,aAAL,gBAA+BD,OAA/B,SAAP;EACD;;;iCAEU;EACT,UAAM3B,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAImD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,IAAsC,CAAnD;EACA,aAAOD,KAAK,CAAC6B,SAAS7B,KAAKnF,MAAf,IAAyBmF,KAAKnF,MAAnC,CAAP;EACD;;;kCAEW;EACV,UAAMmF,OAAO,KAAKtB,QAAL,EAAb;EACA,aAAOsB,KAAK,CAAL,CAAP;EACD;;;iCAEU;EACT,UAAMA,OAAO,KAAKtB,QAAL,EAAb;EACA,aAAOsB,KAAKA,KAAKnF,MAAL,GAAc,CAAnB,CAAP;EACD;;;iCAEU;EACT,UAAMmF,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAImD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,IAAsC,CAAnD;EACA,aAAOD,KAAK6B,SAAS7B,KAAKnF,MAAnB,CAAP;EACD;;;mCAEYiH,MAAM;EACjB,UAAM9B,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMoB,QAAQE,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAI4C,KAAJ,KAAcM,KAAKN,KAA1B;EAAA,OAAf,CAAd;EACA,aAAO1B,KAAP;EACD;;;8BAEO;EACN,UAAME,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMqD,SAAS,KAAK7C,UAAL,EAAf;;EAEAc,WAAKrB,OAAL,CAAa;EAAA,eAAQC,IAAIqB,QAAJ,GAAe,KAAvB;EAAA,OAAb;EACA8B,aAAOpD,OAAP,CAAe;EAAA,eAAUQ,MAAM6C,MAAN,GAAe,IAAzB;EAAA,OAAf;EACD;;;iCAEU1C,QAAQ;EACjB,WAAK2C,KAAL;;EAEA,UAAMC,WAAW,KAAKC,YAAL,CAAkB7C,MAAlB,CAAjB;EACA,UAAI8C,iBAAiB,KAArB;;EAEA,UAAI,CAACF,QAAL,EAAe;EACb,cAAM,IAAIG,KAAJ,0BAAiCH,SAASV,KAA1C,CAAN;EACD;;EAED,UAAI,KAAKvB,QAAL,IAAiB,KAAKA,QAAL,KAAkBX,MAAvC,EAA+C;EAC7C8C,yBAAiB,IAAjB;;EAEA,aAAKE,SAAL,CAAexF,QAAQyF,MAAR,CAAerF,SAA9B,EAAyC;EACvCsF,kBAAQ;EACN5D,iBAAK,KAAKqB;EADJ;EAD+B,SAAzC;EAKD;;EAEDX,aAAOW,QAAP,GAAkB,IAAlB;EACAiC,eAASF,MAAT,GAAkB,KAAlB;;EAEA,UAAMhC,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMmD,SAAS7B,KAAK1E,SAAL,CAAe;EAAA,eAAOsD,IAAIqB,QAAX;EAAA,OAAf,CAAf;;EAEA,WAAKA,QAAL,GAAgBX,MAAhB;;EAEA,UAAI8C,cAAJ,EAAoB;EAClB,YAAI,KAAKpB,SAAT,EAAoB;EAClB1B,iBAAOmD,KAAP;EACD;;EAED,aAAKH,SAAL,CAAexF,QAAQyF,MAAR,CAAenF,QAA9B,EAAwC;EACtCoF,kBAAQ;EACN5D,iBAAK,KAAKqB;EADJ;EAD8B,SAAxC;EAKD;;EAED,WAAKe,SAAL,GAAiB,KAAjB;EACD;;;iCAEU0B,OAAO;EAChB,UAAM1C,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMiE,WAAW3C,KAAK3F,IAAL,CAAU;EAAA,eAAOuE,QAAQ8D,MAAME,MAArB;EAAA,OAAV,CAAjB;;EAEA,UAAI,CAACD,QAAL,EAAe;EACb;EACD;;EAED,UAAID,MAAMG,MAAV,EAAkB;EAChB;EACD;;EAED,UAAIvD,eAAJ;;EAEA,cAAQoD,MAAMI,OAAd;EACE,aAAKpH,QAAQE,IAAb;EACA,aAAKF,QAAQI,EAAb;EACEwD,mBAAS,KAAKyD,QAAL,EAAT;EACA;;EAEF,aAAKrH,QAAQG,KAAb;EACA,aAAKH,QAAQC,IAAb;EACE2D,mBAAS,KAAK0D,QAAL,EAAT;EACA;;EAEF,aAAKtH,QAAQK,IAAb;EACEuD,mBAAS,KAAK2D,SAAL,EAAT;EACA;;EAEF,aAAKvH,QAAQM,GAAb;EACEsD,mBAAS,KAAK4D,QAAL,EAAT;EACA;;EAEF;EACE;EApBJ;;EAuBAR,YAAMS,cAAN;;EAEA,WAAKxD,aAAL,GAAqB,KAAKC,YAAL,CAAkBN,MAAlB,CAArB;EACA,WAAK0B,SAAL,GAAiB,IAAjB;EACD;;;+BAEQ0B,OAAO;EACd,UAAM1C,OAAO,KAAKtB,QAAL,EAAb;EACA,UAAMiE,WAAW3C,KAAK3F,IAAL,CAAU;EAAA,eAAOuE,QAAQ8D,MAAMU,aAArB;EAAA,OAAV,CAAjB;;EAEA,UAAI,CAACT,QAAL,EAAe;EACb;EACD;;EAED,WAAKhD,aAAL,GAAqB,KAAKC,YAAL,CAAkB8C,MAAMU,aAAxB,CAArB;EACD;;;4CAEqB;EACpB,UAAIhD,kBAAJ;EACA,UAAIiD,WAAW,CAAC,CAAhB;;EAEA;EACA;EACA,UAAIpH,uBAAJ,EAA6B;EAC3BmE,oBAAY,IAAIjE,eAAJ,CAAoBD,OAAOiE,QAAP,CAAgBE,MAApC,CAAZ;;EAEA;EACA;EACA;EACA;EACA;EACA,YAAMiD,cACJlD,UAAUmD,GAAV,MAAiB,KAAK/C,EAAtB,KACAJ,UAAUmD,GAAV,CAAc,KAAKxG,YAAL,CAAkB,QAAlB,CAAd,CADA,IAEAqD,UAAUmD,GAAV,UAAqB,KAAK/C,EAA1B,CAHF,CAR2B;;EAa3B,YAAIJ,aAAakD,WAAjB,EAA8B;EAC5B,cAAM9C,KACJJ,UAAUoD,GAAV,MAAiB,KAAKhD,EAAtB,KACAJ,UAAUoD,GAAV,CAAc,KAAKzG,YAAL,CAAkB,QAAlB,CAAd,CADA,IAEAqD,UAAUoD,GAAV,UAAqB,KAAKhD,EAA1B,CAHF,CAD4B;;EAM5B6C,qBAAW,KAAK3E,QAAL,GAAgBpD,SAAhB,CAA0B,eAAO;EAC1C,gBAAMmI,QAAQ7E,IAAI4B,EAAJ,IAAU5B,IAAI7B,YAAJ,CAAiB,QAAjB,CAAxB;EACA,mBAAO0G,UAAUjD,EAAjB;EACD,WAHU,CAAX;EAID;EACF;;EAED,aAAO6C,QAAP;EACD;;;8CAEuB;EACtB,UAAMvC,kBAAkB,KAAKC,mBAAL,EAAxB;;EAEA,WAAKlD,cAAL,GAAsB,KAAtB;EACA,WAAK8B,aAAL,GAAqBmB,kBAAkB,CAAC,CAAnB,GAAuBA,eAAvB,GAAyC,CAA9D;EACD;;;IA3dmB4C;;MA8dhBtF;;;;6BAKO;EACT;EAGD;;;6BAKc;EACb,aAAO,cAAP;EACD;;;6BAEiB;EAChB,aAAO,cAAP;EACD;;;2BAMY5D,OAAO;EAClBA,cAAQmJ,QAAQnJ,KAAR,CAAR;EACA,WAAKwC,YAAL,CAAkB,eAAlB,EAAmCxC,KAAnC;EACD;6BAEc;EACb,aAAO,KAAKuC,YAAL,CAAkB,eAAlB,MAAuC,MAAvC,GAAgD,IAAhD,GAAuD,KAA9D;EACD;;;6BAEW;EACV,aAAO,KAAKA,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESyD,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAKxD,YAAL,CAAkB,QAAlB,EAA4BwD,EAA5B;EACD;;;6BA5CoB;EACnB,aAAO,qBAAP;EACD;;;6BAOgB;EACf,aAAO,SAAP;EACD;;;6BAU+B;EAC9B,aAAO,CAAC,eAAD,CAAP;EACD;;;EAuBD,oBAAc;EAAA;;EAAA,gHACNpC,MADM;;EAGZ,WAAKwF,QAAL;EACA,WAAKtG,KAAL,GAAa,OAAKA,KAAL,CAAWC,IAAX,QAAb;EACA,WAAKsG,cAAL,GAAsB,OAAKA,cAAL,CAAoBtG,IAApB,QAAtB;EACA,WAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,OAAKN,KAA1B,CAAjB;EANY;EAOb;;;;0CAEmB;EAClB;;EAEA,WAAKsG,QAAL,GAAgB,KAAKE,UAAL,CAAgBlC,aAAhB,OAAkC,KAAKzE,GAAvC,CAAhB;;EAEA,UAAI,KAAKoB,QAAL,CAAc1D,MAAd,IAAwB,KAAKkJ,WAAL,CAAiBC,IAAjB,GAAwBnJ,MAApD,EAA4D;EAC1D,aAAKyC,KAAL;EACD;;EAED,WAAKK,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BjC,2BAA7B;EACD;;;iDAE0B;EACzB,UAAM/B,QAAQmJ,QAAQ,KAAK1D,QAAb,CAAd;EACA,WAAKjD,YAAL,CAAkB,UAAlB,EAA8BxC,QAAQ,CAAR,GAAY,CAAC,CAA3C;EACD;;;6CAEsB;EACrB,WAAKmD,SAAL,CAAekB,UAAf;EACD;;;8BAEO;EACN,UAAI3C,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED;EACA,WAAKgF,cAAL;;EAEA,UAAI,CAAC,KAAKrC,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBpD,OAAOjB,GAAvB,SAA8BV,YAA9B;EACD;;EAED,UAAI,KAAKM,YAAL,CAAkB,MAAlB,MAA8B,KAAlC,EAAyC;EACvC,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,KAA1B;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,eAAlB,CAAL,EAAyC;EACvC,aAAKD,YAAL,CAAkB,eAAlB,EAAmC,OAAnC;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,UAAlB,CAAL,EAAoC;EAClC,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,CAAC,CAA/B;EACD;;EAED,UAAI,KAAKiH,UAAL,CAAgBhH,YAAhB,CAA6B,UAA7B,CAAJ,EAA8C;EAC5C,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,EAA9B;EACD;;EAED,UAAId,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BjC,2BAA7B;EACD;EACF;;;uCAEgB;EACf;EACA,UAAM2H,QAAQ,KAAKH,WAAL,CAAiBC,IAAjB,GAAwBG,OAAxB,CAAgC,MAAhC,EAAwC,GAAxC,CAAd;;EAEA,UAAI,CAACD,KAAL,EAAY;EACVzE,gBAAQC,IAAR,CACK,KAAKvC,GADV;EAGA;EACD;;EAED,UAAIiH,YAAY,EAAhB;EACA;EACA,UAAI,KAAK7F,QAAL,CAAc1D,MAAd,GAAuB,CAA3B,EAA8B;EAC5B;EACA,YACE,KAAKwJ,iBAAL,IACA,KAAKA,iBAAL,CAAuB9E,OAAvB,CAA+B+E,KAA/B,CAAqC,SAArC,CAFF,EAGE;EACAF,sBAAY,KAAKC,iBAAL,CAAuB9E,OAAvB,CAA+BC,WAA/B,EAAZ;EACD;EACF;;EAED;EACA,UAAI+E,UAAUC,SAASC,aAAT,CAAuB,IAAvB,CAAd;;EAEA;EACA,UAAIL,UAAUvJ,MAAV,GAAmB,CAAvB,EAA0B;EACxB0J,kBAAUC,SAASC,aAAT,CAAuBL,SAAvB,CAAV;EACD;;EAED;EACAG,cAAQR,WAAR,GAAsBG,KAAtB;;EAEA;EACA,WAAKN,QAAL,CAAcc,SAAd,GAA0B,EAA1B;EACA,WAAKd,QAAL,CAAce,WAAd,CAA0BJ,OAA1B;EACD;;;IAnJkBb;;MAsJfrF;;;;6BAKO;EACT;EAOD;;;6BAKc;EACb,aAAO,oBAAP;EACD;;;6BAEiB;EAChB,aAAO,oBAAP;EACD;;;6BAEW;EACV,aAAO,KAAKtB,YAAL,CAAkB,QAAlB,CAAP;EACD;2BAESyD,IAAI;EACZ,UAAI,CAACA,EAAL,EAAS;EACP;EACD;;EAED,WAAKxD,YAAL,CAAkB,QAAlB,EAA4BwD,EAA5B;EACD;;;6BAnCoB;EACnB,aAAO,qBAAP;EACD;;;6BAWgB;EACf,aAAO,eAAP;EACD;;;EAsBD,yBAAc;EAAA;;EAAA,0HACNnC,WADM;;EAGZ,WAAKf,KAAL,GAAa,OAAKA,KAAL,CAAWC,IAAX,QAAb;EACA,WAAKI,SAAL,GAAiB,IAAIC,gBAAJ,CAAqB,OAAKN,KAA1B,CAAjB;EAJY;EAKb;;;;0CAEmB;EAClB;;EAEA,WAAKA,KAAL;EACA,WAAKK,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;;;6CAEsB;EACrB,WAAKuB,SAAL,CAAekB,UAAf;EACD;;;8BAEO;EACN,UAAI3C,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAekB,UAAf;EACD;;EAED,UAAI,CAAC,KAAK2C,KAAV,EAAiB;EACf,aAAKA,KAAL,GAAgBnD,YAAYlB,GAA5B,SAAmCV,YAAnC;EACD;;EAED,UAAI,KAAKM,YAAL,CAAkB,MAAlB,MAA8B,UAAlC,EAA8C;EAC5C,aAAKC,YAAL,CAAkB,MAAlB,EAA0B,UAA1B;EACD;;EAED,UAAI,CAAC,KAAKC,YAAL,CAAkB,UAAlB,CAAL,EAAoC;EAClC,aAAKD,YAAL,CAAkB,UAAlB,EAA8B,CAA9B;EACD;;EAED,UAAI,KAAK4H,sBAAL,CAA4B7H,YAA5B,CAAyC,eAAzC,MAA8D,MAAlE,EAA0E;EACxE,aAAKiF,MAAL,GAAc,IAAd;EACD;;EAED,UAAI9F,OAAOoF,QAAX,EAAqB;EACnB,aAAK3D,SAAL,CAAea,OAAf,CAAuB,IAAvB,EAA6BpC,oBAA7B;EACD;EACF;;;IAhFuBsH;;EAmF1BA,UAAUmB,MAAV,CAAiBzG,MAAjB;EACAsF,UAAUmB,MAAV,CAAiBxG,WAAjB;EACAqF,UAAUmB,MAAV,CAAiB/H,OAAjB;;;;;;;;"}
\ No newline at end of file
diff --git a/elements/pfe-tabs/dist/pfe-tabs.umd.min.js b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js
new file mode 100644
index 0000000000..11aee47203
--- /dev/null
+++ b/elements/pfe-tabs/dist/pfe-tabs.umd.min.js
@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeTabs=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(e,t){if(null==this)throw new TypeError('"this" is null or not defined');var r=Object(this),a=r.length>>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=t,i=0;i>>0;if("function"!=typeof e)throw new TypeError("predicate must be a function");for(var o=t,i=0;i@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host{color:#151515!important}}:host{display:block;display:var(--pfe-tabs--Display,block);padding:0;padding:var(--pfe-tabs--Padding,0)}:host .tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;flex-direction:var(--pfe-tabs__tabs--FlexDirection,row);width:auto;width:var(--pfe-tabs__tabs--Width,auto);border-top:0;border-top:var(--pfe-tabs__tabs--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__tabs--BorderRight,0);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-tabs__tabs--BorderBottom,var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs__tabs--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2)));border-left:0;border-left:var(--pfe-tabs__tabs--BorderLeft,0);padding:0;padding:var(--pfe-tabs__tabs--Padding,0)}:host .panels{width:auto;width:var(--pfe-tabs__panels--Width,auto)}:host(:not([vertical])[pfe-tab-align=center]) .tabs{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:768px){:host([vertical]){--pfe-tabs--Display:flex;--pfe-tabs__tabs--FlexDirection:column;--pfe-tabs__tabs--Width:20%;--pfe-tabs__tabs--BorderRight:var(--pfe-theme--ui--border-width, 1px) var(--pfe-theme--ui--border-style, solid) var(--pfe-tabs--BorderColor);--pfe-tabs__tabs--BorderBottom:0;--pfe-tabs__panels--Width:80%;--pfe-tabs__panels--PaddingRight:var(--pfe-theme--container-padding, 16px)}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical]){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}:host([vertical]) .tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:22.22%;border-right:1px solid #d2d2d2;border-right:1px solid var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:0}:host([vertical]) .panels{width:77.8%;padding-right:1em}}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){--pfe-tabs__tabs--Padding:var(--pfe-theme--container-padding, 16px) 0 0 0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([vertical][pfe-variant=earth]) .tabs{padding:1em 0 0 0}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host(:not([pfe-variant=earth])){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);color:#151515;color:var(--pfe-theme--color--text,#151515)}}:host([pfe-variant=earth]){--pfe-tabs__tabs--PaddingLeft:var(--pfe-theme--container-padding, 16px)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .tabs{padding-left:1em}}:host([on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([on=light]){--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}@media screen and (min-width:768px){:host([vertical][pfe-variant=wind]) .tabs-prefix,:host([vertical][pfe-variant=wind]) .tabs-suffix{left:0;top:0;content:" ";height:32px;width:1px;background-color:#d2d2d2;background-color:var(--pfe-tabs__tabs--BorderColor,var(--pfe-theme--color--surface--border,#d2d2d2));position:relative}:host(:not([vertical])[pfe-variant=earth]) .tabs-prefix{left:0;top:0;content:" ";height:1px;width:calc(16px * 2);width:calc(var(--pfe-theme--container-padding,16px) * 2);position:relative}}\n/*# sourceMappingURL=pfe-tabs.min.css.map */\n
\n \n \n \n
\n
\n \n
'}},{key:"styleUrl",get:function(){return"pfe-tabs.scss"}},{key:"templateUrl",get:function(){return"pfe-tabs.html"}},{key:"schemaUrl",get:function(){return"pfe-tabs.json"}},{key:"selectedIndex",get:function(){return this.getAttribute("selected-index")},set:function(e){this.setAttribute("selected-index",e)}},{key:"tabHistory",get:function(){return this.hasAttribute("pfe-tab-history")}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"properties",get:function(){return{vertical:{title:"Vertical orientation",type:"boolean",default:!1,prefixed:!1},variant:{title:"Variant",type:"string",enum:["wind","earth"],default:"wind",prefixed:!0},"tab-history":{title:"Tab history",type:"boolean",default:!1,prefixed:!0}}}},{key:"slots",get:function(){return{tab:{title:"Tab",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}},panel:{title:"Panel",type:"array",namedSlot:!0,items:{oneOf:[{$ref:"raw"}]}}}}},{key:"tag",get:function(){return"pfe-tabs"}},{key:"observedAttributes",get:function(){return["vertical","selected-index","pfe-variant","pfe-tab-history"]}},{key:"events",get:function(){return{hiddenTab:this.tag+":hidden-tab",shownTab:this.tag+":shown-tab"}}}]),r(g,[{key:"connectedCallback",value:function(){var e=this;n(g.prototype.__proto__||Object.getPrototypeOf(g.prototype),"connectedCallback",this).call(this),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick),Promise.all([customElements.whenDefined(x.tag),customElements.whenDefined(y.tag)]).then(function(){e.children.length&&e._init(),e._observer.observe(e,v)})}},{key:"disconnectedCallback",value:function(){var t=this;this.removeEventListener("keydown",this._onKeyDown),this._allTabs().forEach(function(e){return e.removeEventListener("click",t._onClick)}),this._observer.disconnect(),this.tabHistory&&window.removeEventListener("popstate",this._popstateEventHandler)}},{key:"attributeChangedCallback",value:function(e,t,r){var a=this;switch(e){case"pfe-variant":"wind"===this.getAttribute("pfe-variant")?(this._allTabs().forEach(function(e){return e.setAttribute("pfe-variant","wind")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-variant","wind")})):"earth"===this.getAttribute("pfe-variant")&&(this._allTabs().forEach(function(e){return e.setAttribute("pfe-variant","earth")}),this._allPanels().forEach(function(e){return e.setAttribute("pfe-variant","earth")}));break;case"vertical":this.hasAttribute("vertical")?(this.setAttribute("aria-orientation","vertical"),this._allPanels().forEach(function(e){return e.setAttribute("vertical","")}),this._allTabs().forEach(function(e){return e.setAttribute("vertical","")})):(this.removeAttribute("aria-orientation"),this._allPanels().forEach(function(e){return e.removeAttribute("vertical")}),this._allTabs().forEach(function(e){return e.removeAttribute("vertical")}));break;case"selected-index":Promise.all([customElements.whenDefined(x.tag),customElements.whenDefined(y.tag)]).then(function(){a._linkPanels(),a.selectIndex(r),a._updateHistory=!0});break;case"pfe-tab-history":null===r?window.removeEventListener("popstate",this._popstateEventHandler):window.addEventListener("popstate",this._popstateEventHandler)}}},{key:"select",value:function(e){e&&("pfe-tab"===e.tagName.toLowerCase()?this.selectedIndex=this._getTabIndex(e):console.warn(g.tag+": the tab must be a pfe-tab element"))}},{key:"selectIndex",value:function(e){if(void 0!==e){var t=parseInt(e,10),r=this._allTabs()[t];if(r){if(this.selected&&this.tabHistory&&this._updateHistory&&b){var a=window.location.pathname,o=new URLSearchParams(window.location.search),i=window.location.hash,n=this.id||this.getAttribute("pfe-id"),d=r.id||r.getAttribute("pfe-id");o.set(n,d),history.pushState({},"",a+"?"+o.toString()+i)}this._selectTab(r)}else console.warn(g.tag+": tab "+e+" does not exist")}}},{key:"_init",value:function(e){var t=this;"tablist"!==this.getAttribute("role")&&this.setAttribute("role","tablist"),b&&new URLSearchParams(window.location.search);var r=this._getTabIndexFromURL();if(-1")}),this._linked=!0,window.ShadyCSS&&this._observer.observe(this,v))}},{key:"_allPanels",value:function(){return[].concat(l(this.children)).filter(function(e){return e.matches("pfe-tab-panel")})}},{key:"_allTabs",value:function(){return[].concat(l(this.children)).filter(function(e){return e.matches("pfe-tab")})}},{key:"_panelForTab",value:function(e){var t=e.getAttribute("aria-controls");return this.querySelector('[pfe-id="'+t+'"]')}},{key:"_prevTab",value:function(){var e=this._allTabs(),t=e.findIndex(function(e){return e.selected})-1;return e[(t+e.length)%e.length]}},{key:"_firstTab",value:function(){return this._allTabs()[0]}},{key:"_lastTab",value:function(){var e=this._allTabs();return e[e.length-1]}},{key:"_nextTab",value:function(){var e=this._allTabs(),t=e.findIndex(function(e){return e.selected})+1;return e[t%e.length]}},{key:"_getTabIndex",value:function(t){return this._allTabs().findIndex(function(e){return e.pfeId===t.pfeId})}},{key:"reset",value:function(){var e=this._allTabs(),t=this._allPanels();e.forEach(function(e){return e.selected=!1}),t.forEach(function(e){return e.hidden=!0})}},{key:"_selectTab",value:function(e){this.reset();var t=this._panelForTab(e),r=!1;if(!t)throw new Error("No panel with pfeId "+t.pfeId);this.selected&&this.selected!==e&&(r=!0,this.emitEvent(g.events.hiddenTab,{detail:{tab:this.selected}})),e.selected=!0,t.hidden=!1,this._allTabs().findIndex(function(e){return e.selected}),this.selected=e,r&&(this._setFocus&&e.focus(),this.emitEvent(g.events.shownTab,{detail:{tab:this.selected}})),this._setFocus=!1}},{key:"_onKeyDown",value:function(t){if(this._allTabs().find(function(e){return e===t.target})&&!t.altKey){var e=void 0;switch(t.keyCode){case s:case f:e=this._prevTab();break;case c:case d:e=this._nextTab();break;case p:e=this._firstTab();break;case h:e=this._lastTab();break;default:return}t.preventDefault(),this.selectedIndex=this._getTabIndex(e),this._setFocus=!0}}},{key:"_onClick",value:function(t){this._allTabs().find(function(e){return e===t.currentTarget})&&(this.selectedIndex=this._getTabIndex(t.currentTarget))}},{key:"_getTabIndexFromURL",value:function(){var e=void 0,t=-1;if(b){var r=(e=new URLSearchParams(window.location.search)).has(""+this.id)||e.has(this.getAttribute("pfe-id"))||e.has("pfe-"+this.id);if(e&&r){var a=e.get(""+this.id)||e.get(this.getAttribute("pfe-id"))||e.get("pfe-"+this.id);t=this._allTabs().findIndex(function(e){return(e.id||e.getAttribute("pfe-id"))===a})}}return t}},{key:"_popstateEventHandler",value:function(){var e=this._getTabIndexFromURL();this._updateHistory=!1,this.selectedIndex=-1:host{text-align:left;position:relative;display:block;margin:0 0 calc(1px * -1);margin:var(--pfe-tabs__tab--Margin,0 0 calc(var(--pfe-theme--ui--border-width,1px) * -1));padding:16px calc(16px * 2) 16px calc(16px * 2);padding:var(--pfe-tabs__tab--PaddingTop,var(--pfe-theme--container-padding,16px)) var(--pfe-tabs__tab--PaddingRight,calc(var(--pfe-theme--container-padding,16px) * 2)) var(--pfe-tabs__tab--PaddingBottom,var(--pfe-theme--container-padding,16px)) var(--pfe-tabs__tab--PaddingLeft,calc(var(--pfe-theme--container-padding,16px) * 2));border-style:solid;border-style:var(--pfe-theme--ui--border-style,solid);border-width:1px;border-width:var(--pfe-theme--ui--border-width,1px);border-color:transparent;border-bottom-width:3px;border-bottom-width:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px));background-color:transparent;background-color:var(--pfe-tabs--BackgroundColor,transparent);cursor:pointer;text-align:center;text-align:var(--pfe-tabs__tab--TextAlign,center);text-transform:none;text-transform:var(--pfe-tabs__tab--TextTransform,none);font-family:Overpass,Overpass,Helvetica,helvetica,arial,sans-serif;font-family:var(--pfe-theme--font-family, "Overpass", Overpass, Helvetica, helvetica, arial, sans-serif);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-size:16px;font-size:var(--pfe-tabs__tab--FontSize,var(--pfe-theme--font-size,16px))}:host .pfe-tab{display:inline-block}:host .pfe-tab *{font-size:inherit;font-weight:inherit;margin:0;color:#6a6e73;color:var(--pfe-tabs--Color,var(--pfe-theme--color--text--muted,#6a6e73))}:host(:hover){border-bottom-color:#b8bbbe;border-bottom-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe)}:host(:hover) .pfe-tab *{color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host(:active){border-bottom-color:#b8bbbe;border-bottom-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe)}:host(:active) .pfe-tab *{color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host(:focus){border-bottom-color:#b8bbbe;border-bottom-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe)}:host(:focus) .pfe-tab *{color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host([aria-selected=true]){border-bottom-color:#06c;border-bottom-color:var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c)))}:host([aria-selected=true]) .pfe-tab *{color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host([pfe-variant=earth][vertical]) .pfe-tab{display:inline-block}@media screen and (min-width:768px){:host([vertical]){border-bottom-color:transparent;border-bottom-width:0;border-left-color:#d2d2d2;border-left-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-left-width:1px;border-left-width:var(--pfe-theme--ui--border-width,1px);padding:16px;padding:var(--pfe-theme--container-padding,16px);--pfe-tabs--Margin:0 calc(var(--pfe-theme--ui--border-width, 1px) * -1) 0 0}:host([vertical][aria-selected=true]){border-left-color:#06c;border-left-color:var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c)));border-left-width:3px}:host([vertical][pfe-variant=wind]){border-left:1px solid #d2d2d2;border-left:var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2);text-align:left!important}:host([vertical][pfe-variant=wind][aria-selected=true]){border-right:3px solid transparent;border-right:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) transparent;border-left:3px solid #06c;border-left:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c)));padding-left:calc(16px - 2px);padding-left:calc(var(--pfe-theme--container-padding,16px) - 2px)}:host([vertical][pfe-variant=wind][aria-selected=false]){border-right:3px solid transparent;border-right:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) transparent}:host([vertical][pfe-variant=wind][aria-selected=false]:hover){border-right:3px solid transparent;border-right:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) transparent;border-bottom:0;border-left:3px solid #b8bbbe;border-left:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) var(--pfe-tabs--BorderColor--hover,#b8bbbe);padding-left:calc(16px - 2px);padding-left:calc(var(--pfe-theme--container-padding,16px) - 2px)}}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]){background-color:#f0f0f0;color:#6a6e73}}:host(:not([vertical])[pfe-variant=earth]:not([aria-selected=true]):first-of-type){border-left-color:transparent}:host(:not([vertical])[pfe-variant=earth]:not([aria-selected=true]):last-of-type){border-right-color:transparent}:host([pfe-variant=earth][aria-selected=false]){background-color:#f0f0f0;background-color:var(--pfe-tabs--BackgroundColor--inactive,var(--pfe-theme--color--surface--lighter,#f0f0f0));border-color:#d2d2d2;border-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-top-width:3px;border-top-width:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px));border-top-color:transparent;border-bottom-color:#b8bbbe;border-bottom-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe);border-bottom-width:1px;border-bottom-width:var(--pfe-theme--ui--border-width,1px)}:host([pfe-variant=earth][aria-selected=false]:hover){border-top-color:#b8bbbe;border-top-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe)}:host([pfe-variant=earth][aria-selected=true]){background-color:#fff;background-color:var(--pfe-theme--color--surface--lightest,#fff);border-bottom:0;border-left-color:#d2d2d2;border-left-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-right-color:#d2d2d2;border-right-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-top:solid #06c 3px;border-top:solid var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c))) var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px))}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth][aria-selected=true]){color:#6a6e73;background-color:#fff;border-left:1px solid #d2d2d2;border-top:3px solid #06c;border-top:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) solid var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c)));border-bottom:0}}:host([pfe-variant=earth][aria-selected=true]:last-of-type){border-right:1px solid #d2d2d2;border-right:var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2)}@media screen and (min-width:768px){:host([vertical][pfe-variant=earth]){border-top:1px solid #d2d2d2;border-top:var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2);border-bottom:1px solid #d2d2d2;border-bottom:var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2);border-left-width:3px;border-left-width:var(--pfe-theme--ui--border-width--active,3px);text-align:left}:host([vertical][pfe-variant=earth][aria-selected=false]:first-of-type){border-top-color:transparent;border-left:3px solid transparent;border-left:var(--pfe-tabs--BorderWidth,var(--pfe-theme--ui--border-width--active,3px)) var(--pfe-theme--ui--border-style,solid) transparent}:host([vertical][pfe-variant=earth][aria-selected=false]:last-of-type){border-bottom-color:transparent}:host([vertical][pfe-variant=earth][aria-selected=false]){border-right:0;border-bottom-color:transparent;border-left-color:transparent}:host([vertical][pfe-variant=earth][aria-selected=false]:hover){border-left-color:#b8bbbe;border-left-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe);border-top-color:#d2d2d2;border-top-color:var(--pfe-theme--color--surface--border,#d2d2d2)}:host([vertical][pfe-variant=earth][aria-selected=false]:first-of-type:hover){border-left-color:#d2d2d2;border-left-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-top-color:transparent}:host([vertical][pfe-variant=earth][aria-selected=true]){border-top-color:#d2d2d2;border-top-color:var(--pfe-theme--color--surface--border,#d2d2d2);border-left-color:#06c;border-left-color:var(--pfe-tabs--BorderColor,var(--pfe-tabs--highlight,var(--pfe-theme--color--ui-accent,#06c)));border-right-color:transparent;margin-right:-1px}}:host([on=dark][pfe-variant=earth]){--pfe-tabs--Color:var(--pfe-theme--color--text--on-dark, #fff);--pfe-tabs--Color--focus:var(--pfe-theme--color--text--on-dark, #fff);border-right-color:#6a6e73;border-right-color:var(--pfe-theme--color--surface--border--darker,#6a6e73);border-left-color:#6a6e73;border-left-color:var(--pfe-theme--color--surface--border--darker,#6a6e73)}:host([on=dark][pfe-variant=earth][aria-selected=false]){--pfe-tabs--Color:var(--pfe-theme--color--text--muted--on-dark, #d2d2d2);background-color:#3c3f42;background-color:var(--pfe-theme--color--surface--darker,#3c3f42)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([on=dark][pfe-variant=earth][aria-selected=false]){background-color:#fff!important;background-color:var(--pfe-theme--color--surface--lightest,#fff)!important}:host([on=dark][pfe-variant=earth][aria-selected=false]) .pfe-tab *{color:#151515!important}}:host([on=dark][pfe-variant=earth][aria-selected=true]){--pfe-tabs--Color--focus:var(--pfe-theme--color--text--on-dark, #fff);background-color:#151515;background-color:var(--pfe-theme--color--surface--darkest,#151515)}:host([pfe-variant=earth][on=saturated][aria-selected=false]){--pfe-tabs--BackgroundColor:var(--pfe-theme--color--surface--lighter, #f0f0f0)}:host([pfe-variant=earth][on=saturated][aria-selected=true]){color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host([pfe-variant=earth][on=saturated]:hover){color:#151515;color:var(--pfe-tabs--Color--focus,var(--pfe-tabs--focus,var(--pfe-theme--color--text,#151515)))}:host([pfe-variant=earth][on=saturated][aria-selected=true]){--pfe-tabs--Color:var(--pfe-theme--color--text, #151515)}:host([on=saturated][pfe-variant=wind]){--pfe-tabs--Color:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-tabs--Color--focus:var(--pfe-theme--color--text--on-saturated, #fff)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([on=saturated][pfe-variant=wind]){background-color:transparent}:host([on=saturated][pfe-variant=wind]) .pfe-tab *{color:#151515!important}}:host([on=saturated][pfe-variant=wind][aria-selected=true]){--pfe-tabs--Color--focus:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-tabs--BorderColor:var(--pfe-theme--color--surface--lightest, #fff)}:host([on=saturated][pfe-variant=wind][aria-selected=false]){--pfe-tabs--Color:var(--pfe-theme--color--text--muted--on-saturated, #d2d2d2)}:host([on=saturated][pfe-variant=wind][aria-selected=false]:hover){border-bottom-color:#b8bbbe;border-bottom-color:var(--pfe-tabs--BorderColor--hover,#b8bbbe)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([on=saturated][pfe-variant=wind][aria-selected=true]:last-of-type){border-left:0!important}}:host([on=dark][pfe-variant=wind]){--pfe-tabs--Color:var(--pfe-theme--color--text--on-dark, #fff);--pfe-tabs--Color--focus:var(--pfe-theme--color--text--on-dark, #fff)}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([on=dark][pfe-variant=wind]) .pfe-tab *{color:#151515!important}}:host([on=dark][pfe-variant=wind][aria-selected=false]:hover){border-bottom-color:#f0f0f0;border-bottom-color:var(--pfe-theme--color--surface--base,#f0f0f0);--pfe-tabs__tab--BorderBottom:var(--pfe-tabs--BorderWidth, var(--pfe-theme--ui--border-width--active, 3px)) var(--pfe-theme--ui--border-style, solid) var(--pfe-theme--color--surface--border, #d2d2d2)}:host([on=dark][pfe-variant=wind][vertical][aria-selected=false]:hover){border-bottom:0}\n/*# sourceMappingURL=pfe-tab.min.css.map */\n'}},{key:"styleUrl",get:function(){return"pfe-tab.scss"}},{key:"templateUrl",get:function(){return"pfe-tab.html"}},{key:"selected",set:function(e){e=Boolean(e),this.setAttribute("aria-selected",e)},get:function(){return"true"===this.getAttribute("aria-selected")}},{key:"pfeId",get:function(){return this.getAttribute("pfe-id")},set:function(e){e&&this.setAttribute("pfe-id",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.54"}},{key:"tag",get:function(){return"pfe-tab"}},{key:"observedAttributes",get:function(){return["aria-selected"]}}]),r(_,[{key:"connectedCallback",value:function(){n(_.prototype.__proto__||Object.getPrototypeOf(_.prototype),"connectedCallback",this).call(this),this._tabItem=this.shadowRoot.querySelector("."+this.tag),(this.children.length||this.textContent.trim().length)&&this._init(),this._observer.observe(this,u)}},{key:"attributeChangedCallback",value:function(){var e=Boolean(this.selected);this.setAttribute("tabindex",e?0:-1)}},{key:"disconnectedCallback",value:function(){this._observer.disconnect()}},{key:"_init",value:function(){window.ShadyCSS&&this._observer.disconnect(),this._setTabContent(),this.pfeId||(this.pfeId=_.tag+"-"+m()),"tab"!==this.getAttribute("role")&&this.setAttribute("role","tab"),this.hasAttribute("aria-selected")||this.setAttribute("aria-selected","false"),this.hasAttribute("tabindex")||this.setAttribute("tabindex",-1),this.parentNode.hasAttribute("vertical")&&this.setAttribute("vertical",""),window.ShadyCSS&&this._observer.observe(this,u)}},{key:"_setTabContent",value:function(){var e=this.textContent.trim().replace(/\s+/g," ");if(e){var t="";0:host{display:block;color:#3c3f42;color:var(--pfe-broadcasted--text,#3c3f42)}:host(:focus){outline:0}:host [tabindex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%}:host .container{margin:0;width:100%;background-color:transparent;background-color:var(--pfe-tabs__panel--BackgroundColor,transparent);border-top:0;border-top:var(--pfe-tabs__panel--BorderTop,0);border-right:0;border-right:var(--pfe-tabs__panel--BorderRight,0);border-bottom:0;border-bottom:var(--pfe-tabs__panel--BorderBottom,0);border-left:0;border-left:var(--pfe-tabs__panel--BorderLeft,0);padding:16px;padding:var(--pfe-tabs__panel--Padding,var(--pfe-theme--container-spacer,16px))}@media screen and (min-width:768px){:host .container{padding:calc(16px * 2);padding:calc(var(--pfe-tabs__panel--Padding,var(--pfe-theme--container-spacer,16px)) * 2)}}@media screen and (min-width:992px){:host .container{padding:calc(16px * 3);padding:calc(var(--pfe-tabs__panel--Padding,var(--pfe-theme--container-spacer,16px)) * 3)}}@media screen and (min-width:1200px){:host .container{padding:calc(16px * 4);padding:calc(var(--pfe-tabs__panel--Padding,var(--pfe-theme--container-spacer,16px)) * 4)}}:host .container::after{clear:both;content:"";display:table}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host .container{padding:1em;background-color:#fff!important;color:#151515!important}}:host([hidden]){display:none}@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none){:host([pfe-variant=earth]) .container{background-color:#fff;padding:1em;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2}}@media screen and (min-width:768px){:host([pfe-variant=wind][vertical]){padding-top:0;padding-bottom:0;padding-right:0}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([pfe-variant=wind][vertical]) .container{padding:1em 0 1em 2em}}@media screen and (min-width:768px){:host([pfe-variant=earth][vertical]){border-top:0;border-left:1px solid #d2d2d2;border-left:var(--pfe-theme--ui--border-width,1px) var(--pfe-theme--ui--border-style,solid) var(--pfe-theme--color--surface--border,#d2d2d2);height:100%}}@media screen and (min-width:768px) and (-ms-high-contrast:active),screen and (min-width:768px) and (-ms-high-contrast:none){:host([pfe-variant=earth][vertical]) .container{border-top:1px solid #d2d2d2}}:host([pfe-variant=earth][on=dark]){--pfe-tabs__panel--BackgroundColor:var(--pfe-theme--color--surface--darkest, #151515);--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}:host([pfe-variant=earth][on=saturated]){--pfe-tabs__panel--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-broadcasted--text:var(--pfe-theme--color--text, #151515);--pfe-broadcasted--link:var(--pfe-theme--color--link, #06c);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover, #004080);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus, #004080);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited, #6753ac);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited, none)}:host([pfe-variant=wind][on=saturated]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-saturated, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-saturated, #fff);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-saturated, #fafafa);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-saturated, #fafafa);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-saturated, #8476d1);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-saturated, underline);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-saturated, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-saturated, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-saturated, underline)}:host([pfe-variant=wind][on=dark]){--pfe-broadcasted--text:var(--pfe-theme--color--text--on-dark, #fff);--pfe-broadcasted--link:var(--pfe-theme--color--link--on-dark, #73bcf7);--pfe-broadcasted--link--hover:var(--pfe-theme--color--link--hover--on-dark, #bee1f4);--pfe-broadcasted--link--focus:var(--pfe-theme--color--link--focus--on-dark, #bee1f4);--pfe-broadcasted--link--visited:var(--pfe-theme--color--link--visited--on-dark, #bee1f4);--pfe-broadcasted--link-decoration:var(--pfe-theme--link-decoration--on-dark, none);--pfe-broadcasted--link-decoration--hover:var(--pfe-theme--link-decoration--hover--on-dark, underline);--pfe-broadcasted--link-decoration--focus:var(--pfe-theme--link-decoration--focus--on-dark, underline);--pfe-broadcasted--link-decoration--visited:var(--pfe-theme--link-decoration--visited--on-dark, none)}\n/*# sourceMappingURL=pfe-tab-panel.min.css.map */\n