@cpelements/plcc-table - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/plcc-table.js

@@ -6,3 +6,3 @@ import PFElement from '../../../@patternfly/pfelement/dist/pfelement.js';
 /*!
- * PatternFly Elements: PlccTable 2.1.0
+ * PatternFly Elements: PlccTable 2.1.1
  * @license
@@ -33,3 +33,3 @@ * Copyright 2020 Red Hat, Inc.
   static get version() {
-    return "2.1.0";
+    return "2.1.1";
   }
@@ -450,3 +450,5 @@
     if (data.data[0].is_layered_product) {
-      displayHeaders = displayHeaders.concat(data.data[0].product_extra_headers);
+      displayHeaders = displayHeaders.concat(
+        data.data[0].product_extra_headers
+      );
     }
@@ -527,12 +529,12 @@ data.data[0].all_phases.forEach((item) => {
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${
-                      this._translations[this._lang].not_applicable
-                    }</td>`;
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${
+                        data.data[0].product_extra_headers[index]
+                      }">${this._translations[this._lang].not_applicable}</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -585,12 +587,12 @@ }
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${
-                      this._translations[this._lang].not_applicable
-                    }</td>`;
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${
+                        data.data[0].product_extra_headers[index]
+                      }">${this._translations[this._lang].not_applicable}</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -643,12 +645,12 @@ }
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${
-                      this._translations[this._lang].not_applicable
-                    }</td>`;
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${
+                        data.data[0].product_extra_headers[index]
+                      }">${this._translations[this._lang].not_applicable}</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -700,12 +702,12 @@ }
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${
-                      this._translations[this._lang].not_applicable
-                    }</td>`;
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${
+                        data.data[0].product_extra_headers[index]
+                      }">${this._translations[this._lang].not_applicable}</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -758,12 +760,12 @@ }
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${
-                      this._translations[this._lang].not_applicable
-                    }</td>`;
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${
+                        data.data[0].product_extra_headers[index]
+                      }">${this._translations[this._lang].not_applicable}</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -816,10 +818,10 @@ }
               ? item.extra_dependences
-                .map((dependent_value, index) => {
-                  if (dependent_value !== null) {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`
-                  } else {
-                    return `<td data-label="${data.data[0].product_extra_headers[index]}">N/A</td>`
-                  }
-                })
-                .join("")
+                  .map((dependent_value, index) => {
+                    if (dependent_value !== null) {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">${dependent_value}</td>`;
+                    } else {
+                      return `<td data-label="${data.data[0].product_extra_headers[index]}">N/A</td>`;
+                    }
+                  })
+                  .join("")
               : ""
@@ -926,3 +928,3 @@ }
     } else {
-      return `<pfe-datetime datetime=${date} day="numeric" month="long" year="numeric" locale="${
+      return `<pfe-datetime datetime=${date} day="numeric" month="long" year="numeric" time-zone="UTC" locale="${
         this._lang !== "zh_CN" ? this._lang : "zh-Hans-CN"
@@ -929,0 +931,0 @@ }"></pfe-datetime>`;

dist/plcc-table.min.js

 import t from"../../../@patternfly/pfelement/dist/pfelement.min.js";import"../../../@patternfly/pfe-progress-indicator/dist/pfe-progress-indicator.min.js";import"../../../@patternfly/pfe-datetime/dist/pfe-datetime.min.js";
 /*!
- * PatternFly Elements: PlccTable 2.1.0
+ * PatternFly Elements: PlccTable 2.1.1
  * @license
@@ -25,3 +25,3 @@ * Copyright 2020 Red Hat, Inc.
  * 
-*/class e extends t{static get version(){return"2.1.0"}get html(){return'<style>.product-lifecycle-info__table thead,.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host{display:block}:host([hidden]){display:none}:host([loading]) article{display:none}article{display:block;font-size:16px;line-height:1.5;color:#151515}#loading{-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;min-height:100px}#loading.loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.u-no-break{white-space:nowrap}*{-webkit-box-sizing:border-box;box-sizing:border-box}.icon-close{position:relative;width:1.5em;height:1.5em;margin:0;padding:0;border:0;font-size:2rem;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-close__inner1{position:absolute;top:50%;left:50%;width:0;height:0;font-size:4rem;-webkit-transform:translate(-50%,-50%) scale(.125);transform:translate(-50%,-50%) scale(.125)}.icon-close__inner1:after,.icon-close__inner1:before{content:"";position:absolute;top:0;left:0;display:block;width:.3em;height:2em;background:#000}.icon-close:focus .icon-close__inner1:after,.icon-close:focus .icon-close__inner1:before,.icon-close:hover .icon-close__inner1:after,.icon-close:hover .icon-close__inner1:before{background:#06c}.icon-close__inner1:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.icon-close__inner1:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}article{font-size:1rem;line-height:1.5;color:#151515}.product-lifecycle__wrapper{position:relative}.product-lifecycle__wrapper--listing{border:1px solid #d2d2d2}.product-lifecycle__header{padding:1.125rem}@media (min-width:650px){.product-lifecycle__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}}.product-lifecycle__header--more-info{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}@media (min-width:1080px){.product-lifecycle__header--more-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.product-lifecycle__header--more-info>*{margin-bottom:.5em}@media (min-width:1080px){.product-lifecycle__header--more-info>*{margin-right:1.5rem}}.product-lifecycle__header--more-info>:last-child{margin-right:0}.product-lifecycle-info__product-name{font-size:1.25em;font-weight:400;width:100%}.product-lifecycle__header--less-info .product-lifecycle-info__product-name{margin-right:auto;width:auto}.product-lifecycle-info__detailed-info{margin-right:auto}.product-lifecycle__header--more-info .product-lifecycle-info__detailed-info{margin-bottom:1em}[type=checkbox]{margin-right:.25em}.product-lifecycle__close{position:absolute;top:0;right:0;cursor:pointer}table{min-width:100%;border:0}@media (min-width:650px){table{position:relative;margin-left:0;margin-right:0}}.product-lifecycle-info__table-headers{position:-webkit-sticky;position:sticky;top:0;z-index:999;display:none;background:#fff}@media (min-width:1000px){.product-lifecycle-info__table-headers{display:table}}.product-lifecycle-info__table{border-top:0}caption,td,th{padding:1.125rem;border:0;text-align:left}caption *,td *,th *{margin:0;padding:0}th{font-weight:700;vertical-align:middle}@media (min-width:1000px){td:nth-last-child(2):first-child~td,td:nth-last-child(2):first-child~th,th:nth-last-child(2):first-child~td,th:nth-last-child(2):first-child~th{width:50%}}@media (min-width:1000px){td:nth-last-child(3):first-child~td,td:nth-last-child(3):first-child~th,th:nth-last-child(3):first-child~td,th:nth-last-child(3):first-child~th{width:33.33333%}}@media (min-width:1000px){td:nth-last-child(4):first-child~td,td:nth-last-child(4):first-child~th,th:nth-last-child(4):first-child~td,th:nth-last-child(4):first-child~th{width:25%}}@media (min-width:1000px){td:nth-last-child(5):first-child~td,td:nth-last-child(5):first-child~th,th:nth-last-child(5):first-child~td,th:nth-last-child(5):first-child~th{width:20%}}@media (min-width:1000px){td:nth-last-child(6):first-child~td,td:nth-last-child(6):first-child~th,th:nth-last-child(6):first-child~td,th:nth-last-child(6):first-child~th{width:16.66667%}}@media (min-width:1000px){td:nth-last-child(7):first-child~td,td:nth-last-child(7):first-child~th,th:nth-last-child(7):first-child~td,th:nth-last-child(7):first-child~th{width:14.28571%}}@media (min-width:1000px){td:nth-last-child(8):first-child~td,td:nth-last-child(8):first-child~th,th:nth-last-child(8):first-child~td,th:nth-last-child(8):first-child~th{width:12.5%}}@media (min-width:1000px){td:nth-last-child(9):first-child~td,td:nth-last-child(9):first-child~th,th:nth-last-child(9):first-child~td,th:nth-last-child(9):first-child~th{width:11.11111%}}th{margin-top:1rem;border-top:4px solid #d2d2d2;border-bottom:1px solid #d2d2d2}tbody tr:first-child th{border-top:0;margin-top:0}@media (min-width:1000px){th{margin-top:0;border-top:0}}th[scope=row]{font-weight:inherit}td{padding:.5rem 1.125rem;border:0}@media (min-width:1000px){td{border-bottom:1px solid #d2d2d2}}@media (min-width:1000px){td,th{padding:1rem}}caption{padding:16px 24px;border-bottom:3px solid #d2d2d2}.responsive-table--row-strategy thead{display:none}@media (min-width:1000px){.responsive-table--row-strategy thead{display:table-header-group}}.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:block}@media (min-width:1000px){.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:table-cell}}.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:attr(data-label) ": ";font-weight:700}@media (min-width:1000px){.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:none}}.responsive-table--column-strategy{display:none}@media (min-width:1000px){.responsive-table--column-strategy{display:table}}@media (min-width:1000px){.responsive-table__wrapper--column-strategy .responsive-table__mobile-alternative{display:none}}.responsive-table__wrapper--scroll-strategy{overflow-x:auto}@media (min-width:1000px){.responsive-table__wrapper--scroll-strategy{overflow:hidden}}:host([pfe-c-style=compact]) .lifecycle-table__product-name,:host([pfe-c-style=compact]) table{font-size:.875rem;line-height:1.5}:host([pfe-c-style=compact]) .product-lifecycle-info__table-headers{border:0}:host([pfe-c-style=compact]) caption,:host([pfe-c-style=compact]) td,:host([pfe-c-style=compact]) th{padding:.57143em}:host([pfe-c-style=compact]) caption:first-child,:host([pfe-c-style=compact]) td:first-child,:host([pfe-c-style=compact]) th:first-child{padding-left:1.14286em}:host([pfe-c-style=compact]) caption:last-child,:host([pfe-c-style=compact]) td:last-child,:host([pfe-c-style=compact]) th:last-child{padding-right:1.14286em}:host([pfe-c-style=compact]) th{border-top-width:2px;padding-top:.85714em}:host([pfe-c-style=compact]) caption{padding-top:1.14286em;border-bottom-width:1px}\n/*# sourceMappingURL=plcc-table.min.css.map */\n</style><div id="loading" hidden>\n  <pfe-progress-indicator></pfe-progress-indicator>\n</div>\n<article class="product-lifecycle__wrapper" id="product-lifecycle__wrapper--listing">\n  <button class="product-lifecycle__close icon-close application" id="close-btn" aria-label="Closes Red Hat OpenStack Platform Table" hidden>\n    <div class="icon-close__inner1"></div>\n  </button>\n    <h2 class="product-lifecycle-info__product-name sr-only"></h2>\n\n    <table border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table-headers" aria-hidden>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n    </table>\n\n    <table id="product-lifecycle-full-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--supported responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Full support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-maintenance-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Maintenance support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-extended-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            Extended support <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n      <table id="product-lifecycle-end-of-maintenance" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            End of maintenance <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n\n    <table id="product-lifecycle-end-of-life" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          End of life <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n    <table id="product-lifecycle-uncategorized" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--uncatagorized responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Uncategorized <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n  <p id="plcc-disclaimer">All future dates mentioned are close approximations, non definitive, and subject to change.</p>\n</article>'}static get tag(){return"plcc-table"}static get events(){return{close:`${this.tag}:close`}}static get properties(){return{_lang:{title:"Language support",attr:"lang",default:"en",type:String},productName:{title:"Name of product required for api",attr:"product-name",type:String},hideEol:{title:"Hide end-of-life section",attr:"hide-eol",type:Boolean,observer:"_hideEolChange"},app:{title:"Toggle application version",attr:"app",type:String}}}static get slots(){return{}}get templateUrl(){return"plcc-table.html"}get styleUrl(){return"plcc-table.scss"}get app(){return this.getAttribute("app")}get hideEOL(){return this.getAttribute("hide-eol")}get loading(){return this.hasAttribute("loading")}set loading(t){t?(this._loadingIndicator.removeAttribute("hidden"),this._loadingIndicator.classList.add("loading"),this.setAttribute("loading",!0)):(this._loadingIndicator.setAttribute("hidden",!0),this._loadingIndicator.classList.remove("loading"),this.removeAttribute("loading"))}get tableData(){return this._data}set tableData(t){if(!t)return;this.loading=!0,this._data=t;let e=this._getDisplayHeaders(this._data),a=this._getHeaders(this._data);this._construct(this._data,e,a),this.loading=!1}static get PfeType(){return t.PfeTypes.Component}constructor(){super(e,{type:e.PfeType}),this._handleBtnClick=this._handleBtnClick.bind(this),this._data=null,this._fullSupport=!1,this._maintenanceSupport=!1,this._extendedSupport=!1,this._uncategorized=!1,this._endOfMaintenance=!1,this._endOfLife=!1,this._plccApplication=!1,this._translations={en:{full_support:"Full Support",maint_support:"Maintenance Support",ext_support:"Extended Support",uncategorized:"Uncategorized",end_maintenance:"End of maintenance",end_life:"End of life",version:"Version",last_minor:"Last minor release",not_applicable:"N/A",disclaimer:"All future dates mentioned are close approximations, non definitive, and subject to change."},ja:{full_support:"フルサポート",maint_support:"メンテナンスサポート",ext_support:"延長サポート",uncategorized:"未分類",end_maintenance:"メンテナンスサポートの終了日",end_life:"ライフサイクルの終了日",version:"バージョン",last_minor:"最終マイナーリリース",not_applicable:"該当なし",disclaimer:"記載されている将来の日付はすべて概算であり、決定的なものではなく、変更される可能性があります。"},ko:{full_support:"완전 지원",maint_support:"유지 관리 지원",ext_support:"연장 지원",uncategorized:"범주화되지 않음",end_maintenance:"유지 관리 지원 종료",end_life:"종료일",version:"버전",last_minor:"마지막 마이너 릴리스",not_applicable:"해당 없음",disclaimer:"언급된 모든 향후 날짜는 확정되지 않은 예상 날짜이며 변경될 수 있습니다."},zh_CN:{full_support:"完全支持",maint_support:"维护支持",ext_support:"延长的支持",uncategorized:"未分类",end_maintenance:"维护结束",end_life:"生命周期结束",version:"版本",last_minor:"最后的次发行版本",not_applicable:"不适用",disclaimer:"所有提到的未来日期均为近似日期，未完全确定，可能随时更改。"}},this._disclaimer=this.shadowRoot.querySelector("#plcc-disclaimer"),this._article=this.shadowRoot.querySelector("article"),this._header=this.shadowRoot.querySelector("header"),this._links=this.shadowRoot.querySelectorAll("a"),this._appMarkup=this.shadowRoot.querySelectorAll(".application"),this._fullSupportTable=this.shadowRoot.querySelector("#product-lifecycle-full-support"),this._maintenanceSupportTable=this.shadowRoot.querySelector("#product-lifecycle-maintenance-support"),this._extendedSupportTable=this.shadowRoot.querySelector("#product-lifecycle-extended-support"),this._endOfMaintenanceTable=this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance"),this._endOfLifeTable=this.shadowRoot.querySelector("#product-lifecycle-end-of-life"),this._uncategorizedTable=this.shadowRoot.querySelector("#product-lifecycle-uncategorized"),this._fullSupportBody=this.shadowRoot.querySelector("#product-lifecycle-full-support tbody"),this._maintenanceSupportBody=this.shadowRoot.querySelector("#product-lifecycle-maintenance-support tbody"),this._extendedSupportBody=this.shadowRoot.querySelector("#product-lifecycle-extended-support tbody"),this._endOfMaintenanceBody=this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance tbody"),this._endOfLifeBody=this.shadowRoot.querySelector("#product-lifecycle-end-of-life tbody"),this._uncategorizedBody=this.shadowRoot.querySelector("#product-lifecycle-uncategorized tbody"),this._caption=this.shadowRoot.querySelector("caption"),this._phaseRow=this.shadowRoot.querySelectorAll(".product-phases"),this._versionToggleRow=this.shadowRoot.querySelectorAll("version-toggle-row"),this._versionToggle=this.shadowRoot.querySelector("#unsupported-versions"),this._closeBtn=this.shadowRoot.querySelector("#close-btn"),this._loadingIndicator=this.shadowRoot.querySelector("#loading"),this.loading=!1}connectedCallback(){super.connectedCallback(),document.querySelector("html").hasAttribute("lang")&&(this._lang=document.querySelector("html").getAttribute("lang")),this._translateStrings(),this._requestProduct()}disconnectedCallback(){this._closeBtn.removeEventListener("click",this._handleBtnClick)}_hideEolChange(){this._handleHideEOL(this.hasAttribute("hide-eol"))}_requestProduct(t,e){this.loading=!0;let a="",i=this.productName,n=this._lang;a="en"===this.lang?"https://access.redhat.com/product-life-cycles/api/v1/products?name="+i:"https://access.redhat.com/product-life-cycles/api/v1/products?name="+i+"&lng="+n;new Promise((t,e)=>{const i=new XMLHttpRequest;i.open("GET",a),i.responseType="json",i.onload=(()=>{i.status>=400?e(i.response):t(i.response),this.loading=!1}),i.onerror=(t=>{e(t,"Something went wrong."),this.loading=!1}),i.send()}).then(t=>{this.tableData=t}).catch(t=>{console.error(t)})}_translateStrings(){this.shadowRoot.querySelector("#product-lifecycle-full-support h3").firstChild.nodeValue=this._translations[this._lang].full_support,this.shadowRoot.querySelector("#product-lifecycle-maintenance-support h3").firstChild.nodeValue=this._translations[this._lang].maint_support,this.shadowRoot.querySelector("#product-lifecycle-extended-support h3").firstChild.nodeValue=this._translations[this._lang].ext_support,this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance h3").firstChild.nodeValue=this._translations[this._lang].end_maintenance,this.shadowRoot.querySelector("#product-lifecycle-end-of-life h3").firstChild.nodeValue=this._translations[this._lang].end_life,this.shadowRoot.querySelector("#product-lifecycle-uncategorized h3").firstChild.nodeValue=this._translations[this._lang].uncategorized,this.shadowRoot.querySelector("#plcc-disclaimer").textContent=this._translations[this._lang].disclaimer}_getDisplayHeaders(t){let e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(t=>{e.push(t.display_name)}),e}_getHeaders(t){let e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(t=>{e.push(t.name)}),e}_construct(t,e,a){let i="",n="",l="",s="",o="",r="",d=`<th scope="col">${this._translations[this._lang].version}</th>`,c=t.data[0].versions,p=t.data[0].show_last_minor_release,h=t.data[0].is_layered_product;this.shadowRoot.querySelector(".product-lifecycle-info__product-name").innerText=t.data[0].name,this.shadowRoot.querySelectorAll(".sr-only").forEach(e=>e.innerText=`${t.data[0].name}`),e.forEach(t=>{d+=`<th scope="col">${t}</th>`}),p&&(d+=`<th scope="col">${this._translations[this._lang].last_minor}</th>`),c.forEach((e,d)=>{let c="",_="",u="",f="",b="",m="";"Full Support"===e.type&&(this._fullSupport=!0,c=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"Maintenance Support"===e.type&&(this._maintenanceSupport=!0,_=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"Extended Support"===e.type&&(this._extendedSupport=!0,u=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"End of Maintenance"===e.type&&(this._endOfMaintenance=!0,b=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"End of life"===e.type&&(this._endOfLife=!0,f=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),""!==e.type&&null!==e.type||(this._uncategorized=!0,m=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">N/A</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),i+=c,n+=_,l+=u,s+=f,o+=b,r+=m}),this._fullSupport?this._fullSupportTable.removeAttribute("hidden"):this._fullSupportTable.setAttribute("hidden",!0),this._maintenanceSupport?this._maintenanceSupportTable.removeAttribute("hidden"):this._maintenanceSupportTable.setAttribute("hidden",!0),this._extendedSupport?this._extendedSupportTable.removeAttribute("hidden"):this._extendedSupportTable.setAttribute("hidden",!0),this._endOfMaintenance?this._endOfMaintenanceTable.removeAttribute("hidden"):this._endOfMaintenanceTable.setAttribute("hidden",!0),this._endOfLife?this._endOfLife&&this._plccApplication&&this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.setAttribute("hidden",!0),this._uncategorized?this._uncategorizedTable.removeAttribute("hidden"):this._uncategorizedTable.setAttribute("hidden",!0),this._phaseRow.forEach(t=>{t.innerHTML=d}),this._fullSupportBody.innerHTML=i,this._maintenanceSupportBody.innerHTML=n,this._extendedSupportBody.innerHTML=l,this._endOfLifeBody.innerHTML=s,this._endOfMaintenanceBody.innerHTML=o,this._uncategorizedBody.innerHTML=r}_parseDate(t,e){return"string"===e?t:`<pfe-datetime datetime=${t} day="numeric" month="long" year="numeric" locale="${"zh_CN"!==this._lang?this._lang:"zh-Hans-CN"}"></pfe-datetime>`}_parseSuperscript(t){return this.hasAttribute("app")||void 0===t?"":`<sup>${t}</sup>`}_handleHideEOL(t){t?this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.removeAttribute("hidden")}_handleBtnClick(t){this.emitEvent(e.events.close)}}t.create(e);export default e;
+*/class e extends t{static get version(){return"2.1.1"}get html(){return'<style>.product-lifecycle-info__table thead,.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host{display:block}:host([hidden]){display:none}:host([loading]) article{display:none}article{display:block;font-size:16px;line-height:1.5;color:#151515}#loading{-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;min-height:100px}#loading.loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.u-no-break{white-space:nowrap}*{-webkit-box-sizing:border-box;box-sizing:border-box}.icon-close{position:relative;width:1.5em;height:1.5em;margin:0;padding:0;border:0;font-size:2rem;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-close__inner1{position:absolute;top:50%;left:50%;width:0;height:0;font-size:4rem;-webkit-transform:translate(-50%,-50%) scale(.125);transform:translate(-50%,-50%) scale(.125)}.icon-close__inner1:after,.icon-close__inner1:before{content:"";position:absolute;top:0;left:0;display:block;width:.3em;height:2em;background:#000}.icon-close:focus .icon-close__inner1:after,.icon-close:focus .icon-close__inner1:before,.icon-close:hover .icon-close__inner1:after,.icon-close:hover .icon-close__inner1:before{background:#06c}.icon-close__inner1:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.icon-close__inner1:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}article{font-size:1rem;line-height:1.5;color:#151515}.product-lifecycle__wrapper{position:relative}.product-lifecycle__wrapper--listing{border:1px solid #d2d2d2}.product-lifecycle__header{padding:1.125rem}@media (min-width:650px){.product-lifecycle__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}}.product-lifecycle__header--more-info{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}@media (min-width:1080px){.product-lifecycle__header--more-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.product-lifecycle__header--more-info>*{margin-bottom:.5em}@media (min-width:1080px){.product-lifecycle__header--more-info>*{margin-right:1.5rem}}.product-lifecycle__header--more-info>:last-child{margin-right:0}.product-lifecycle-info__product-name{font-size:1.25em;font-weight:400;width:100%}.product-lifecycle__header--less-info .product-lifecycle-info__product-name{margin-right:auto;width:auto}.product-lifecycle-info__detailed-info{margin-right:auto}.product-lifecycle__header--more-info .product-lifecycle-info__detailed-info{margin-bottom:1em}[type=checkbox]{margin-right:.25em}.product-lifecycle__close{position:absolute;top:0;right:0;cursor:pointer}table{min-width:100%;border:0}@media (min-width:650px){table{position:relative;margin-left:0;margin-right:0}}.product-lifecycle-info__table-headers{position:-webkit-sticky;position:sticky;top:0;z-index:999;display:none;background:#fff}@media (min-width:1000px){.product-lifecycle-info__table-headers{display:table}}.product-lifecycle-info__table{border-top:0}caption,td,th{padding:1.125rem;border:0;text-align:left}caption *,td *,th *{margin:0;padding:0}th{font-weight:700;vertical-align:middle}@media (min-width:1000px){td:nth-last-child(2):first-child~td,td:nth-last-child(2):first-child~th,th:nth-last-child(2):first-child~td,th:nth-last-child(2):first-child~th{width:50%}}@media (min-width:1000px){td:nth-last-child(3):first-child~td,td:nth-last-child(3):first-child~th,th:nth-last-child(3):first-child~td,th:nth-last-child(3):first-child~th{width:33.33333%}}@media (min-width:1000px){td:nth-last-child(4):first-child~td,td:nth-last-child(4):first-child~th,th:nth-last-child(4):first-child~td,th:nth-last-child(4):first-child~th{width:25%}}@media (min-width:1000px){td:nth-last-child(5):first-child~td,td:nth-last-child(5):first-child~th,th:nth-last-child(5):first-child~td,th:nth-last-child(5):first-child~th{width:20%}}@media (min-width:1000px){td:nth-last-child(6):first-child~td,td:nth-last-child(6):first-child~th,th:nth-last-child(6):first-child~td,th:nth-last-child(6):first-child~th{width:16.66667%}}@media (min-width:1000px){td:nth-last-child(7):first-child~td,td:nth-last-child(7):first-child~th,th:nth-last-child(7):first-child~td,th:nth-last-child(7):first-child~th{width:14.28571%}}@media (min-width:1000px){td:nth-last-child(8):first-child~td,td:nth-last-child(8):first-child~th,th:nth-last-child(8):first-child~td,th:nth-last-child(8):first-child~th{width:12.5%}}@media (min-width:1000px){td:nth-last-child(9):first-child~td,td:nth-last-child(9):first-child~th,th:nth-last-child(9):first-child~td,th:nth-last-child(9):first-child~th{width:11.11111%}}th{margin-top:1rem;border-top:4px solid #d2d2d2;border-bottom:1px solid #d2d2d2}tbody tr:first-child th{border-top:0;margin-top:0}@media (min-width:1000px){th{margin-top:0;border-top:0}}th[scope=row]{font-weight:inherit}td{padding:.5rem 1.125rem;border:0}@media (min-width:1000px){td{border-bottom:1px solid #d2d2d2}}@media (min-width:1000px){td,th{padding:1rem}}caption{padding:16px 24px;border-bottom:3px solid #d2d2d2}.responsive-table--row-strategy thead{display:none}@media (min-width:1000px){.responsive-table--row-strategy thead{display:table-header-group}}.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:block}@media (min-width:1000px){.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:table-cell}}.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:attr(data-label) ": ";font-weight:700}@media (min-width:1000px){.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:none}}.responsive-table--column-strategy{display:none}@media (min-width:1000px){.responsive-table--column-strategy{display:table}}@media (min-width:1000px){.responsive-table__wrapper--column-strategy .responsive-table__mobile-alternative{display:none}}.responsive-table__wrapper--scroll-strategy{overflow-x:auto}@media (min-width:1000px){.responsive-table__wrapper--scroll-strategy{overflow:hidden}}:host([pfe-c-style=compact]) .lifecycle-table__product-name,:host([pfe-c-style=compact]) table{font-size:.875rem;line-height:1.5}:host([pfe-c-style=compact]) .product-lifecycle-info__table-headers{border:0}:host([pfe-c-style=compact]) caption,:host([pfe-c-style=compact]) td,:host([pfe-c-style=compact]) th{padding:.57143em}:host([pfe-c-style=compact]) caption:first-child,:host([pfe-c-style=compact]) td:first-child,:host([pfe-c-style=compact]) th:first-child{padding-left:1.14286em}:host([pfe-c-style=compact]) caption:last-child,:host([pfe-c-style=compact]) td:last-child,:host([pfe-c-style=compact]) th:last-child{padding-right:1.14286em}:host([pfe-c-style=compact]) th{border-top-width:2px;padding-top:.85714em}:host([pfe-c-style=compact]) caption{padding-top:1.14286em;border-bottom-width:1px}\n/*# sourceMappingURL=plcc-table.min.css.map */\n</style><div id="loading" hidden>\n  <pfe-progress-indicator></pfe-progress-indicator>\n</div>\n<article class="product-lifecycle__wrapper" id="product-lifecycle__wrapper--listing">\n  <button class="product-lifecycle__close icon-close application" id="close-btn" aria-label="Closes Red Hat OpenStack Platform Table" hidden>\n    <div class="icon-close__inner1"></div>\n  </button>\n    <h2 class="product-lifecycle-info__product-name sr-only"></h2>\n\n    <table border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table-headers" aria-hidden>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n    </table>\n\n    <table id="product-lifecycle-full-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--supported responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Full support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-maintenance-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Maintenance support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-extended-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            Extended support <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n      <table id="product-lifecycle-end-of-maintenance" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            End of maintenance <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n\n    <table id="product-lifecycle-end-of-life" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          End of life <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n    <table id="product-lifecycle-uncategorized" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--uncatagorized responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Uncategorized <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n  <p id="plcc-disclaimer">All future dates mentioned are close approximations, non definitive, and subject to change.</p>\n</article>'}static get tag(){return"plcc-table"}static get events(){return{close:`${this.tag}:close`}}static get properties(){return{_lang:{title:"Language support",attr:"lang",default:"en",type:String},productName:{title:"Name of product required for api",attr:"product-name",type:String},hideEol:{title:"Hide end-of-life section",attr:"hide-eol",type:Boolean,observer:"_hideEolChange"},app:{title:"Toggle application version",attr:"app",type:String}}}static get slots(){return{}}get templateUrl(){return"plcc-table.html"}get styleUrl(){return"plcc-table.scss"}get app(){return this.getAttribute("app")}get hideEOL(){return this.getAttribute("hide-eol")}get loading(){return this.hasAttribute("loading")}set loading(t){t?(this._loadingIndicator.removeAttribute("hidden"),this._loadingIndicator.classList.add("loading"),this.setAttribute("loading",!0)):(this._loadingIndicator.setAttribute("hidden",!0),this._loadingIndicator.classList.remove("loading"),this.removeAttribute("loading"))}get tableData(){return this._data}set tableData(t){if(!t)return;this.loading=!0,this._data=t;let e=this._getDisplayHeaders(this._data),a=this._getHeaders(this._data);this._construct(this._data,e,a),this.loading=!1}static get PfeType(){return t.PfeTypes.Component}constructor(){super(e,{type:e.PfeType}),this._handleBtnClick=this._handleBtnClick.bind(this),this._data=null,this._fullSupport=!1,this._maintenanceSupport=!1,this._extendedSupport=!1,this._uncategorized=!1,this._endOfMaintenance=!1,this._endOfLife=!1,this._plccApplication=!1,this._translations={en:{full_support:"Full Support",maint_support:"Maintenance Support",ext_support:"Extended Support",uncategorized:"Uncategorized",end_maintenance:"End of maintenance",end_life:"End of life",version:"Version",last_minor:"Last minor release",not_applicable:"N/A",disclaimer:"All future dates mentioned are close approximations, non definitive, and subject to change."},ja:{full_support:"フルサポート",maint_support:"メンテナンスサポート",ext_support:"延長サポート",uncategorized:"未分類",end_maintenance:"メンテナンスサポートの終了日",end_life:"ライフサイクルの終了日",version:"バージョン",last_minor:"最終マイナーリリース",not_applicable:"該当なし",disclaimer:"記載されている将来の日付はすべて概算であり、決定的なものではなく、変更される可能性があります。"},ko:{full_support:"완전 지원",maint_support:"유지 관리 지원",ext_support:"연장 지원",uncategorized:"범주화되지 않음",end_maintenance:"유지 관리 지원 종료",end_life:"종료일",version:"버전",last_minor:"마지막 마이너 릴리스",not_applicable:"해당 없음",disclaimer:"언급된 모든 향후 날짜는 확정되지 않은 예상 날짜이며 변경될 수 있습니다."},zh_CN:{full_support:"完全支持",maint_support:"维护支持",ext_support:"延长的支持",uncategorized:"未分类",end_maintenance:"维护结束",end_life:"生命周期结束",version:"版本",last_minor:"最后的次发行版本",not_applicable:"不适用",disclaimer:"所有提到的未来日期均为近似日期，未完全确定，可能随时更改。"}},this._disclaimer=this.shadowRoot.querySelector("#plcc-disclaimer"),this._article=this.shadowRoot.querySelector("article"),this._header=this.shadowRoot.querySelector("header"),this._links=this.shadowRoot.querySelectorAll("a"),this._appMarkup=this.shadowRoot.querySelectorAll(".application"),this._fullSupportTable=this.shadowRoot.querySelector("#product-lifecycle-full-support"),this._maintenanceSupportTable=this.shadowRoot.querySelector("#product-lifecycle-maintenance-support"),this._extendedSupportTable=this.shadowRoot.querySelector("#product-lifecycle-extended-support"),this._endOfMaintenanceTable=this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance"),this._endOfLifeTable=this.shadowRoot.querySelector("#product-lifecycle-end-of-life"),this._uncategorizedTable=this.shadowRoot.querySelector("#product-lifecycle-uncategorized"),this._fullSupportBody=this.shadowRoot.querySelector("#product-lifecycle-full-support tbody"),this._maintenanceSupportBody=this.shadowRoot.querySelector("#product-lifecycle-maintenance-support tbody"),this._extendedSupportBody=this.shadowRoot.querySelector("#product-lifecycle-extended-support tbody"),this._endOfMaintenanceBody=this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance tbody"),this._endOfLifeBody=this.shadowRoot.querySelector("#product-lifecycle-end-of-life tbody"),this._uncategorizedBody=this.shadowRoot.querySelector("#product-lifecycle-uncategorized tbody"),this._caption=this.shadowRoot.querySelector("caption"),this._phaseRow=this.shadowRoot.querySelectorAll(".product-phases"),this._versionToggleRow=this.shadowRoot.querySelectorAll("version-toggle-row"),this._versionToggle=this.shadowRoot.querySelector("#unsupported-versions"),this._closeBtn=this.shadowRoot.querySelector("#close-btn"),this._loadingIndicator=this.shadowRoot.querySelector("#loading"),this.loading=!1}connectedCallback(){super.connectedCallback(),document.querySelector("html").hasAttribute("lang")&&(this._lang=document.querySelector("html").getAttribute("lang")),this._translateStrings(),this._requestProduct()}disconnectedCallback(){this._closeBtn.removeEventListener("click",this._handleBtnClick)}_hideEolChange(){this._handleHideEOL(this.hasAttribute("hide-eol"))}_requestProduct(t,e){this.loading=!0;let a="",i=this.productName,n=this._lang;a="en"===this.lang?"https://access.redhat.com/product-life-cycles/api/v1/products?name="+i:"https://access.redhat.com/product-life-cycles/api/v1/products?name="+i+"&lng="+n;new Promise((t,e)=>{const i=new XMLHttpRequest;i.open("GET",a),i.responseType="json",i.onload=(()=>{i.status>=400?e(i.response):t(i.response),this.loading=!1}),i.onerror=(t=>{e(t,"Something went wrong."),this.loading=!1}),i.send()}).then(t=>{this.tableData=t}).catch(t=>{console.error(t)})}_translateStrings(){this.shadowRoot.querySelector("#product-lifecycle-full-support h3").firstChild.nodeValue=this._translations[this._lang].full_support,this.shadowRoot.querySelector("#product-lifecycle-maintenance-support h3").firstChild.nodeValue=this._translations[this._lang].maint_support,this.shadowRoot.querySelector("#product-lifecycle-extended-support h3").firstChild.nodeValue=this._translations[this._lang].ext_support,this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance h3").firstChild.nodeValue=this._translations[this._lang].end_maintenance,this.shadowRoot.querySelector("#product-lifecycle-end-of-life h3").firstChild.nodeValue=this._translations[this._lang].end_life,this.shadowRoot.querySelector("#product-lifecycle-uncategorized h3").firstChild.nodeValue=this._translations[this._lang].uncategorized,this.shadowRoot.querySelector("#plcc-disclaimer").textContent=this._translations[this._lang].disclaimer}_getDisplayHeaders(t){let e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(t=>{e.push(t.display_name)}),e}_getHeaders(t){let e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(t=>{e.push(t.name)}),e}_construct(t,e,a){let i="",n="",l="",s="",o="",r="",d=`<th scope="col">${this._translations[this._lang].version}</th>`,c=t.data[0].versions,p=t.data[0].show_last_minor_release,h=t.data[0].is_layered_product;this.shadowRoot.querySelector(".product-lifecycle-info__product-name").innerText=t.data[0].name,this.shadowRoot.querySelectorAll(".sr-only").forEach(e=>e.innerText=`${t.data[0].name}`),e.forEach(t=>{d+=`<th scope="col">${t}</th>`}),p&&(d+=`<th scope="col">${this._translations[this._lang].last_minor}</th>`),c.forEach((e,d)=>{let c="",_="",u="",f="",b="",m="";"Full Support"===e.type&&(this._fullSupport=!0,c=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"Maintenance Support"===e.type&&(this._maintenanceSupport=!0,_=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"Extended Support"===e.type&&(this._extendedSupport=!0,u=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"End of Maintenance"===e.type&&(this._endOfMaintenance=!0,b=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),"End of life"===e.type&&(this._endOfLife=!0,f=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">${this._translations[this._lang].not_applicable}</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),""!==e.type&&null!==e.type||(this._uncategorized=!0,m=`\n        <tr>\n          <th scope="row" data-label="${this._translations[this._lang].version}">${e.name}</th>\n          ${h?e.extra_dependences.map((e,a)=>null!==e?`<td data-label="${t.data[0].product_extra_headers[a]}">${e}</td>`:`<td data-label="${t.data[0].product_extra_headers[a]}">N/A</td>`).join(""):""}\n          ${e.phases.map(t=>a.includes(t.name)?`<td data-label="${t.name}">${this._parseDate(t.date,t.date_format)}\n                ${this._parseSuperscript(t.superscript)}\n                </td>`:`<td data-label="${t.name}">${this._translations[this._lang].not_applicable}</td>`).join("")}\n          ${p?null!==e.last_minor_release?`<td data-label="${this._translations[this._lang].last_minor}">`+e.last_minor_release+"</td>":`<td data-label="${this._translations[this._lang].last_minor}">${this._translations[this._lang].not_applicable}</td>`:""}\n        </tr>\n        `),i+=c,n+=_,l+=u,s+=f,o+=b,r+=m}),this._fullSupport?this._fullSupportTable.removeAttribute("hidden"):this._fullSupportTable.setAttribute("hidden",!0),this._maintenanceSupport?this._maintenanceSupportTable.removeAttribute("hidden"):this._maintenanceSupportTable.setAttribute("hidden",!0),this._extendedSupport?this._extendedSupportTable.removeAttribute("hidden"):this._extendedSupportTable.setAttribute("hidden",!0),this._endOfMaintenance?this._endOfMaintenanceTable.removeAttribute("hidden"):this._endOfMaintenanceTable.setAttribute("hidden",!0),this._endOfLife?this._endOfLife&&this._plccApplication&&this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.setAttribute("hidden",!0),this._uncategorized?this._uncategorizedTable.removeAttribute("hidden"):this._uncategorizedTable.setAttribute("hidden",!0),this._phaseRow.forEach(t=>{t.innerHTML=d}),this._fullSupportBody.innerHTML=i,this._maintenanceSupportBody.innerHTML=n,this._extendedSupportBody.innerHTML=l,this._endOfLifeBody.innerHTML=s,this._endOfMaintenanceBody.innerHTML=o,this._uncategorizedBody.innerHTML=r}_parseDate(t,e){return"string"===e?t:`<pfe-datetime datetime=${t} day="numeric" month="long" year="numeric" time-zone="UTC" locale="${"zh_CN"!==this._lang?this._lang:"zh-Hans-CN"}"></pfe-datetime>`}_parseSuperscript(t){return this.hasAttribute("app")||void 0===t?"":`<sup>${t}</sup>`}_handleHideEOL(t){t?this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.removeAttribute("hidden")}_handleBtnClick(t){this.emitEvent(e.events.close)}}t.create(e);export default e;
 //# sourceMappingURL=plcc-table.min.js.map

dist/plcc-table.umd.js

@@ -83,3 +83,3 @@ (function (global, factory) {
   /*!
-   * PatternFly Elements: PlccTable 2.1.0
+   * PatternFly Elements: PlccTable 2.1.1
    * @license
@@ -174,3 +174,3 @@ * Copyright 2020 Red Hat, Inc.
       get: function get$$1() {
-        return "2.1.0";
+        return "2.1.1";
       }
@@ -665,3 +665,3 @@ }, {
         } else {
-          return "<pfe-datetime datetime=" + date + " day=\"numeric\" month=\"long\" year=\"numeric\" locale=\"" + (this._lang !== "zh_CN" ? this._lang : "zh-Hans-CN") + "\"></pfe-datetime>";
+          return "<pfe-datetime datetime=" + date + " day=\"numeric\" month=\"long\" year=\"numeric\" time-zone=\"UTC\" locale=\"" + (this._lang !== "zh_CN" ? this._lang : "zh-Hans-CN") + "\"></pfe-datetime>";
         }
@@ -668,0 +668,0 @@ }

dist/plcc-table.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("../../../@patternfly/pfelement/dist/pfelement.umd.min"),require("../../../@patternfly/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min"),require("../../../@patternfly/pfe-datetime/dist/pfe-datetime.umd.min")):"function"==typeof define&&define.amd?define(["../../../@patternfly/pfelement/dist/pfelement.umd.min","../../../@patternfly/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min","../../../@patternfly/pfe-datetime/dist/pfe-datetime.umd.min"],e):t.PlccTable=e(t.PFElement)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t};function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function i(t,e,n){null===t&&(t=Function.prototype);var a=Object.getOwnPropertyDescriptor(t,e);if(void 0!==a){if("value"in a)return a.value;a=a.get;return void 0!==a?a.call(n):void 0}if(null!==(t=Object.getPrototypeOf(t)))return i(t,e,n)}var l=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},n=(function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,t),n(o,[{key:"html",get:function(){return'<style>.product-lifecycle-info__table thead,.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host{display:block}:host([hidden]){display:none}:host([loading]) article{display:none}article{display:block;font-size:16px;line-height:1.5;color:#151515}#loading{-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;min-height:100px}#loading.loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.u-no-break{white-space:nowrap}*{-webkit-box-sizing:border-box;box-sizing:border-box}.icon-close{position:relative;width:1.5em;height:1.5em;margin:0;padding:0;border:0;font-size:2rem;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-close__inner1{position:absolute;top:50%;left:50%;width:0;height:0;font-size:4rem;-webkit-transform:translate(-50%,-50%) scale(.125);transform:translate(-50%,-50%) scale(.125)}.icon-close__inner1:after,.icon-close__inner1:before{content:"";position:absolute;top:0;left:0;display:block;width:.3em;height:2em;background:#000}.icon-close:focus .icon-close__inner1:after,.icon-close:focus .icon-close__inner1:before,.icon-close:hover .icon-close__inner1:after,.icon-close:hover .icon-close__inner1:before{background:#06c}.icon-close__inner1:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.icon-close__inner1:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}article{font-size:1rem;line-height:1.5;color:#151515}.product-lifecycle__wrapper{position:relative}.product-lifecycle__wrapper--listing{border:1px solid #d2d2d2}.product-lifecycle__header{padding:1.125rem}@media (min-width:650px){.product-lifecycle__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}}.product-lifecycle__header--more-info{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}@media (min-width:1080px){.product-lifecycle__header--more-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.product-lifecycle__header--more-info>*{margin-bottom:.5em}@media (min-width:1080px){.product-lifecycle__header--more-info>*{margin-right:1.5rem}}.product-lifecycle__header--more-info>:last-child{margin-right:0}.product-lifecycle-info__product-name{font-size:1.25em;font-weight:400;width:100%}.product-lifecycle__header--less-info .product-lifecycle-info__product-name{margin-right:auto;width:auto}.product-lifecycle-info__detailed-info{margin-right:auto}.product-lifecycle__header--more-info .product-lifecycle-info__detailed-info{margin-bottom:1em}[type=checkbox]{margin-right:.25em}.product-lifecycle__close{position:absolute;top:0;right:0;cursor:pointer}table{min-width:100%;border:0}@media (min-width:650px){table{position:relative;margin-left:0;margin-right:0}}.product-lifecycle-info__table-headers{position:-webkit-sticky;position:sticky;top:0;z-index:999;display:none;background:#fff}@media (min-width:1000px){.product-lifecycle-info__table-headers{display:table}}.product-lifecycle-info__table{border-top:0}caption,td,th{padding:1.125rem;border:0;text-align:left}caption *,td *,th *{margin:0;padding:0}th{font-weight:700;vertical-align:middle}@media (min-width:1000px){td:nth-last-child(2):first-child~td,td:nth-last-child(2):first-child~th,th:nth-last-child(2):first-child~td,th:nth-last-child(2):first-child~th{width:50%}}@media (min-width:1000px){td:nth-last-child(3):first-child~td,td:nth-last-child(3):first-child~th,th:nth-last-child(3):first-child~td,th:nth-last-child(3):first-child~th{width:33.33333%}}@media (min-width:1000px){td:nth-last-child(4):first-child~td,td:nth-last-child(4):first-child~th,th:nth-last-child(4):first-child~td,th:nth-last-child(4):first-child~th{width:25%}}@media (min-width:1000px){td:nth-last-child(5):first-child~td,td:nth-last-child(5):first-child~th,th:nth-last-child(5):first-child~td,th:nth-last-child(5):first-child~th{width:20%}}@media (min-width:1000px){td:nth-last-child(6):first-child~td,td:nth-last-child(6):first-child~th,th:nth-last-child(6):first-child~td,th:nth-last-child(6):first-child~th{width:16.66667%}}@media (min-width:1000px){td:nth-last-child(7):first-child~td,td:nth-last-child(7):first-child~th,th:nth-last-child(7):first-child~td,th:nth-last-child(7):first-child~th{width:14.28571%}}@media (min-width:1000px){td:nth-last-child(8):first-child~td,td:nth-last-child(8):first-child~th,th:nth-last-child(8):first-child~td,th:nth-last-child(8):first-child~th{width:12.5%}}@media (min-width:1000px){td:nth-last-child(9):first-child~td,td:nth-last-child(9):first-child~th,th:nth-last-child(9):first-child~td,th:nth-last-child(9):first-child~th{width:11.11111%}}th{margin-top:1rem;border-top:4px solid #d2d2d2;border-bottom:1px solid #d2d2d2}tbody tr:first-child th{border-top:0;margin-top:0}@media (min-width:1000px){th{margin-top:0;border-top:0}}th[scope=row]{font-weight:inherit}td{padding:.5rem 1.125rem;border:0}@media (min-width:1000px){td{border-bottom:1px solid #d2d2d2}}@media (min-width:1000px){td,th{padding:1rem}}caption{padding:16px 24px;border-bottom:3px solid #d2d2d2}.responsive-table--row-strategy thead{display:none}@media (min-width:1000px){.responsive-table--row-strategy thead{display:table-header-group}}.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:block}@media (min-width:1000px){.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:table-cell}}.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:attr(data-label) ": ";font-weight:700}@media (min-width:1000px){.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:none}}.responsive-table--column-strategy{display:none}@media (min-width:1000px){.responsive-table--column-strategy{display:table}}@media (min-width:1000px){.responsive-table__wrapper--column-strategy .responsive-table__mobile-alternative{display:none}}.responsive-table__wrapper--scroll-strategy{overflow-x:auto}@media (min-width:1000px){.responsive-table__wrapper--scroll-strategy{overflow:hidden}}:host([pfe-c-style=compact]) .lifecycle-table__product-name,:host([pfe-c-style=compact]) table{font-size:.875rem;line-height:1.5}:host([pfe-c-style=compact]) .product-lifecycle-info__table-headers{border:0}:host([pfe-c-style=compact]) caption,:host([pfe-c-style=compact]) td,:host([pfe-c-style=compact]) th{padding:.57143em}:host([pfe-c-style=compact]) caption:first-child,:host([pfe-c-style=compact]) td:first-child,:host([pfe-c-style=compact]) th:first-child{padding-left:1.14286em}:host([pfe-c-style=compact]) caption:last-child,:host([pfe-c-style=compact]) td:last-child,:host([pfe-c-style=compact]) th:last-child{padding-right:1.14286em}:host([pfe-c-style=compact]) th{border-top-width:2px;padding-top:.85714em}:host([pfe-c-style=compact]) caption{padding-top:1.14286em;border-bottom-width:1px}\n/*# sourceMappingURL=plcc-table.min.css.map */\n</style><div id="loading" hidden>\n  <pfe-progress-indicator></pfe-progress-indicator>\n</div>\n<article class="product-lifecycle__wrapper" id="product-lifecycle__wrapper--listing">\n  <button class="product-lifecycle__close icon-close application" id="close-btn" aria-label="Closes Red Hat OpenStack Platform Table" hidden>\n    <div class="icon-close__inner1"></div>\n  </button>\n    <h2 class="product-lifecycle-info__product-name sr-only"></h2>\n\n    <table border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table-headers" aria-hidden>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n    </table>\n\n    <table id="product-lifecycle-full-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--supported responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Full support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-maintenance-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Maintenance support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-extended-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            Extended support <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n      <table id="product-lifecycle-end-of-maintenance" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            End of maintenance <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n\n    <table id="product-lifecycle-end-of-life" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          End of life <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n    <table id="product-lifecycle-uncategorized" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--uncatagorized responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Uncategorized <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n  <p id="plcc-disclaimer">All future dates mentioned are close approximations, non definitive, and subject to change.</p>\n</article>'}},{key:"templateUrl",get:function(){return"plcc-table.html"}},{key:"styleUrl",get:function(){return"plcc-table.scss"}},{key:"app",get:function(){return this.getAttribute("app")}},{key:"hideEOL",get:function(){return this.getAttribute("hide-eol")}},{key:"loading",get:function(){return this.hasAttribute("loading")},set:function(t){t?(this._loadingIndicator.removeAttribute("hidden"),this._loadingIndicator.classList.add("loading"),this.setAttribute("loading",!0)):(this._loadingIndicator.setAttribute("hidden",!0),this._loadingIndicator.classList.remove("loading"),this.removeAttribute("loading"))}},{key:"tableData",get:function(){return this._data},set:function(t){var e;t&&(this.loading=!0,this._data=t,e=this._getDisplayHeaders(this._data),t=this._getHeaders(this._data),this._construct(this._data,e,t),this.loading=!1)}}],[{key:"version",get:function(){return"2.1.0"}},{key:"tag",get:function(){return"plcc-table"}},{key:"events",get:function(){return{close:this.tag+":close"}}},{key:"properties",get:function(){return{_lang:{title:"Language support",attr:"lang",default:"en",type:String},productName:{title:"Name of product required for api",attr:"product-name",type:String},hideEol:{title:"Hide end-of-life section",attr:"hide-eol",type:Boolean,observer:"_hideEolChange"},app:{title:"Toggle application version",attr:"app",type:String}}}},{key:"slots",get:function(){return{}}},{key:"PfeType",get:function(){return t.PfeTypes.Component}}]),n(o,[{key:"connectedCallback",value:function(){i(o.prototype.__proto__||Object.getPrototypeOf(o.prototype),"connectedCallback",this).call(this),document.querySelector("html").hasAttribute("lang")&&(this._lang=document.querySelector("html").getAttribute("lang")),this._translateStrings(),this._requestProduct()}},{key:"disconnectedCallback",value:function(){this._closeBtn.removeEventListener("click",this._handleBtnClick)}},{key:"_hideEolChange",value:function(){this._handleHideEOL(this.hasAttribute("hide-eol"))}},{key:"_requestProduct",value:function(t,e){var a=this;this.loading=!0;var i="",n=this.productName,l=this._lang,i="en"===this.lang?"https://access.redhat.com/product-life-cycles/api/v1/products?name="+n:"https://access.redhat.com/product-life-cycles/api/v1/products?name="+n+"&lng="+l;new Promise(function(t,e){var n=new XMLHttpRequest;n.open("GET",i),n.responseType="json",n.onload=function(){(400<=n.status?e:t)(n.response),a.loading=!1},n.onerror=function(t){e(t,"Something went wrong."),a.loading=!1},n.send()}).then(function(t){a.tableData=t}).catch(function(t){console.error(t)})}},{key:"_translateStrings",value:function(){this.shadowRoot.querySelector("#product-lifecycle-full-support h3").firstChild.nodeValue=this._translations[this._lang].full_support,this.shadowRoot.querySelector("#product-lifecycle-maintenance-support h3").firstChild.nodeValue=this._translations[this._lang].maint_support,this.shadowRoot.querySelector("#product-lifecycle-extended-support h3").firstChild.nodeValue=this._translations[this._lang].ext_support,this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance h3").firstChild.nodeValue=this._translations[this._lang].end_maintenance,this.shadowRoot.querySelector("#product-lifecycle-end-of-life h3").firstChild.nodeValue=this._translations[this._lang].end_life,this.shadowRoot.querySelector("#product-lifecycle-uncategorized h3").firstChild.nodeValue=this._translations[this._lang].uncategorized,this.shadowRoot.querySelector("#plcc-disclaimer").textContent=this._translations[this._lang].disclaimer}},{key:"_getDisplayHeaders",value:function(t){var e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(function(t){e.push(t.display_name)}),e}},{key:"_getHeaders",value:function(t){var e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(function(t){e.push(t.name)}),e}},{key:"_construct",value:function(d,t,s){var c=this,p="",h="",u="",_="",f="",b="",e='<th scope="col">'+this._translations[this._lang].version+"</th>",n=d.data[0].versions,m=d.data[0].show_last_minor_release,y=d.data[0].is_layered_product;this.shadowRoot.querySelector(".product-lifecycle-info__product-name").innerText=d.data[0].name,this.shadowRoot.querySelectorAll(".sr-only").forEach(function(t){return t.innerText=""+d.data[0].name}),t.forEach(function(t){e+='<th scope="col">'+t+"</th>"}),m&&(e+='<th scope="col">'+this._translations[this._lang].last_minor+"</th>"),n.forEach(function(t,e){var n="",a="",i="",l="",o="",r="";"Full Support"===t.type&&(c._fullSupport=!0,n='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"Maintenance Support"===t.type&&(c._maintenanceSupport=!0,a='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"Extended Support"===t.type&&(c._extendedSupport=!0,i='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"End of Maintenance"===t.type&&(c._endOfMaintenance=!0,o='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"End of life"===t.type&&(c._endOfLife=!0,l='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),""!==t.type&&null!==t.type||(c._uncategorized=!0,r='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">N/A</td>'}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),p+=n,h+=a,u+=i,_+=l,f+=o,b+=r}),this._fullSupport?this._fullSupportTable.removeAttribute("hidden"):this._fullSupportTable.setAttribute("hidden",!0),this._maintenanceSupport?this._maintenanceSupportTable.removeAttribute("hidden"):this._maintenanceSupportTable.setAttribute("hidden",!0),this._extendedSupport?this._extendedSupportTable.removeAttribute("hidden"):this._extendedSupportTable.setAttribute("hidden",!0),this._endOfMaintenance?this._endOfMaintenanceTable.removeAttribute("hidden"):this._endOfMaintenanceTable.setAttribute("hidden",!0),(!this._endOfLife||this._endOfLife&&this._plccApplication)&&this._endOfLifeTable.setAttribute("hidden",!0),this._uncategorized?this._uncategorizedTable.removeAttribute("hidden"):this._uncategorizedTable.setAttribute("hidden",!0),this._phaseRow.forEach(function(t){t.innerHTML=e}),this._fullSupportBody.innerHTML=p,this._maintenanceSupportBody.innerHTML=h,this._extendedSupportBody.innerHTML=u,this._endOfLifeBody.innerHTML=_,this._endOfMaintenanceBody.innerHTML=f,this._uncategorizedBody.innerHTML=b}},{key:"_parseDate",value:function(t,e){return"string"===e?t:"<pfe-datetime datetime="+t+' day="numeric" month="long" year="numeric" locale="'+("zh_CN"!==this._lang?this._lang:"zh-Hans-CN")+'"></pfe-datetime>'}},{key:"_parseSuperscript",value:function(t){return this.hasAttribute("app")||void 0===t?"":"<sup>"+t+"</sup>"}},{key:"_handleHideEOL",value:function(t){t?this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.removeAttribute("hidden")}},{key:"_handleBtnClick",value:function(t){this.emitEvent(o.events.close)}}]),o);function o(){e(this,o);var t=l(this,(o.__proto__||Object.getPrototypeOf(o)).call(this,o,{type:o.PfeType}));return t._handleBtnClick=t._handleBtnClick.bind(t),t._data=null,t._fullSupport=!1,t._maintenanceSupport=!1,t._extendedSupport=!1,t._uncategorized=!1,t._endOfMaintenance=!1,t._endOfLife=!1,t._plccApplication=!1,t._translations={en:{full_support:"Full Support",maint_support:"Maintenance Support",ext_support:"Extended Support",uncategorized:"Uncategorized",end_maintenance:"End of maintenance",end_life:"End of life",version:"Version",last_minor:"Last minor release",not_applicable:"N/A",disclaimer:"All future dates mentioned are close approximations, non definitive, and subject to change."},ja:{full_support:"フルサポート",maint_support:"メンテナンスサポート",ext_support:"延長サポート",uncategorized:"未分類",end_maintenance:"メンテナンスサポートの終了日",end_life:"ライフサイクルの終了日",version:"バージョン",last_minor:"最終マイナーリリース",not_applicable:"該当なし",disclaimer:"記載されている将来の日付はすべて概算であり、決定的なものではなく、変更される可能性があります。"},ko:{full_support:"완전 지원",maint_support:"유지 관리 지원",ext_support:"연장 지원",uncategorized:"범주화되지 않음",end_maintenance:"유지 관리 지원 종료",end_life:"종료일",version:"버전",last_minor:"마지막 마이너 릴리스",not_applicable:"해당 없음",disclaimer:"언급된 모든 향후 날짜는 확정되지 않은 예상 날짜이며 변경될 수 있습니다."},zh_CN:{full_support:"完全支持",maint_support:"维护支持",ext_support:"延长的支持",uncategorized:"未分类",end_maintenance:"维护结束",end_life:"生命周期结束",version:"版本",last_minor:"最后的次发行版本",not_applicable:"不适用",disclaimer:"所有提到的未来日期均为近似日期，未完全确定，可能随时更改。"}},t._disclaimer=t.shadowRoot.querySelector("#plcc-disclaimer"),t._article=t.shadowRoot.querySelector("article"),t._header=t.shadowRoot.querySelector("header"),t._links=t.shadowRoot.querySelectorAll("a"),t._appMarkup=t.shadowRoot.querySelectorAll(".application"),t._fullSupportTable=t.shadowRoot.querySelector("#product-lifecycle-full-support"),t._maintenanceSupportTable=t.shadowRoot.querySelector("#product-lifecycle-maintenance-support"),t._extendedSupportTable=t.shadowRoot.querySelector("#product-lifecycle-extended-support"),t._endOfMaintenanceTable=t.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance"),t._endOfLifeTable=t.shadowRoot.querySelector("#product-lifecycle-end-of-life"),t._uncategorizedTable=t.shadowRoot.querySelector("#product-lifecycle-uncategorized"),t._fullSupportBody=t.shadowRoot.querySelector("#product-lifecycle-full-support tbody"),t._maintenanceSupportBody=t.shadowRoot.querySelector("#product-lifecycle-maintenance-support tbody"),t._extendedSupportBody=t.shadowRoot.querySelector("#product-lifecycle-extended-support tbody"),t._endOfMaintenanceBody=t.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance tbody"),t._endOfLifeBody=t.shadowRoot.querySelector("#product-lifecycle-end-of-life tbody"),t._uncategorizedBody=t.shadowRoot.querySelector("#product-lifecycle-uncategorized tbody"),t._caption=t.shadowRoot.querySelector("caption"),t._phaseRow=t.shadowRoot.querySelectorAll(".product-phases"),t._versionToggleRow=t.shadowRoot.querySelectorAll("version-toggle-row"),t._versionToggle=t.shadowRoot.querySelector("#unsupported-versions"),t._closeBtn=t.shadowRoot.querySelector("#close-btn"),t._loadingIndicator=t.shadowRoot.querySelector("#loading"),t.loading=!1,t}return t.create(n),n});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("../../../@patternfly/pfelement/dist/pfelement.umd.min"),require("../../../@patternfly/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min"),require("../../../@patternfly/pfe-datetime/dist/pfe-datetime.umd.min")):"function"==typeof define&&define.amd?define(["../../../@patternfly/pfelement/dist/pfelement.umd.min","../../../@patternfly/pfe-progress-indicator/dist/pfe-progress-indicator.umd.min","../../../@patternfly/pfe-datetime/dist/pfe-datetime.umd.min"],e):t.PlccTable=e(t.PFElement)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")},n=function(t,e,n){return e&&a(t.prototype,e),n&&a(t,n),t};function a(t,e){for(var n=0;n<e.length;n++){var a=e[n];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function i(t,e,n){null===t&&(t=Function.prototype);var a=Object.getOwnPropertyDescriptor(t,e);if(void 0!==a){if("value"in a)return a.value;a=a.get;return void 0!==a?a.call(n):void 0}if(null!==(t=Object.getPrototypeOf(t)))return i(t,e,n)}var l=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e},n=(function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,t),n(o,[{key:"html",get:function(){return'<style>.product-lifecycle-info__table thead,.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);height:1px;width:1px;margin:-1px;padding:0;border:0}:host{display:block}:host([hidden]){display:none}:host([loading]) article{display:none}article{display:block;font-size:16px;line-height:1.5;color:#151515}#loading{-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;min-height:100px}#loading.loading{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.u-no-break{white-space:nowrap}*{-webkit-box-sizing:border-box;box-sizing:border-box}.icon-close{position:relative;width:1.5em;height:1.5em;margin:0;padding:0;border:0;font-size:2rem;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-close__inner1{position:absolute;top:50%;left:50%;width:0;height:0;font-size:4rem;-webkit-transform:translate(-50%,-50%) scale(.125);transform:translate(-50%,-50%) scale(.125)}.icon-close__inner1:after,.icon-close__inner1:before{content:"";position:absolute;top:0;left:0;display:block;width:.3em;height:2em;background:#000}.icon-close:focus .icon-close__inner1:after,.icon-close:focus .icon-close__inner1:before,.icon-close:hover .icon-close__inner1:after,.icon-close:hover .icon-close__inner1:before{background:#06c}.icon-close__inner1:before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.icon-close__inner1:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}article{font-size:1rem;line-height:1.5;color:#151515}.product-lifecycle__wrapper{position:relative}.product-lifecycle__wrapper--listing{border:1px solid #d2d2d2}.product-lifecycle__header{padding:1.125rem}@media (min-width:650px){.product-lifecycle__header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}}.product-lifecycle__header--more-info{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}@media (min-width:1080px){.product-lifecycle__header--more-info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}}.product-lifecycle__header--more-info>*{margin-bottom:.5em}@media (min-width:1080px){.product-lifecycle__header--more-info>*{margin-right:1.5rem}}.product-lifecycle__header--more-info>:last-child{margin-right:0}.product-lifecycle-info__product-name{font-size:1.25em;font-weight:400;width:100%}.product-lifecycle__header--less-info .product-lifecycle-info__product-name{margin-right:auto;width:auto}.product-lifecycle-info__detailed-info{margin-right:auto}.product-lifecycle__header--more-info .product-lifecycle-info__detailed-info{margin-bottom:1em}[type=checkbox]{margin-right:.25em}.product-lifecycle__close{position:absolute;top:0;right:0;cursor:pointer}table{min-width:100%;border:0}@media (min-width:650px){table{position:relative;margin-left:0;margin-right:0}}.product-lifecycle-info__table-headers{position:-webkit-sticky;position:sticky;top:0;z-index:999;display:none;background:#fff}@media (min-width:1000px){.product-lifecycle-info__table-headers{display:table}}.product-lifecycle-info__table{border-top:0}caption,td,th{padding:1.125rem;border:0;text-align:left}caption *,td *,th *{margin:0;padding:0}th{font-weight:700;vertical-align:middle}@media (min-width:1000px){td:nth-last-child(2):first-child~td,td:nth-last-child(2):first-child~th,th:nth-last-child(2):first-child~td,th:nth-last-child(2):first-child~th{width:50%}}@media (min-width:1000px){td:nth-last-child(3):first-child~td,td:nth-last-child(3):first-child~th,th:nth-last-child(3):first-child~td,th:nth-last-child(3):first-child~th{width:33.33333%}}@media (min-width:1000px){td:nth-last-child(4):first-child~td,td:nth-last-child(4):first-child~th,th:nth-last-child(4):first-child~td,th:nth-last-child(4):first-child~th{width:25%}}@media (min-width:1000px){td:nth-last-child(5):first-child~td,td:nth-last-child(5):first-child~th,th:nth-last-child(5):first-child~td,th:nth-last-child(5):first-child~th{width:20%}}@media (min-width:1000px){td:nth-last-child(6):first-child~td,td:nth-last-child(6):first-child~th,th:nth-last-child(6):first-child~td,th:nth-last-child(6):first-child~th{width:16.66667%}}@media (min-width:1000px){td:nth-last-child(7):first-child~td,td:nth-last-child(7):first-child~th,th:nth-last-child(7):first-child~td,th:nth-last-child(7):first-child~th{width:14.28571%}}@media (min-width:1000px){td:nth-last-child(8):first-child~td,td:nth-last-child(8):first-child~th,th:nth-last-child(8):first-child~td,th:nth-last-child(8):first-child~th{width:12.5%}}@media (min-width:1000px){td:nth-last-child(9):first-child~td,td:nth-last-child(9):first-child~th,th:nth-last-child(9):first-child~td,th:nth-last-child(9):first-child~th{width:11.11111%}}th{margin-top:1rem;border-top:4px solid #d2d2d2;border-bottom:1px solid #d2d2d2}tbody tr:first-child th{border-top:0;margin-top:0}@media (min-width:1000px){th{margin-top:0;border-top:0}}th[scope=row]{font-weight:inherit}td{padding:.5rem 1.125rem;border:0}@media (min-width:1000px){td{border-bottom:1px solid #d2d2d2}}@media (min-width:1000px){td,th{padding:1rem}}caption{padding:16px 24px;border-bottom:3px solid #d2d2d2}.responsive-table--row-strategy thead{display:none}@media (min-width:1000px){.responsive-table--row-strategy thead{display:table-header-group}}.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:block}@media (min-width:1000px){.responsive-table--row-strategy td,.responsive-table--row-strategy th{display:table-cell}}.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:attr(data-label) ": ";font-weight:700}@media (min-width:1000px){.responsive-table--row-strategy td:before,.responsive-table--row-strategy th:before{content:none}}.responsive-table--column-strategy{display:none}@media (min-width:1000px){.responsive-table--column-strategy{display:table}}@media (min-width:1000px){.responsive-table__wrapper--column-strategy .responsive-table__mobile-alternative{display:none}}.responsive-table__wrapper--scroll-strategy{overflow-x:auto}@media (min-width:1000px){.responsive-table__wrapper--scroll-strategy{overflow:hidden}}:host([pfe-c-style=compact]) .lifecycle-table__product-name,:host([pfe-c-style=compact]) table{font-size:.875rem;line-height:1.5}:host([pfe-c-style=compact]) .product-lifecycle-info__table-headers{border:0}:host([pfe-c-style=compact]) caption,:host([pfe-c-style=compact]) td,:host([pfe-c-style=compact]) th{padding:.57143em}:host([pfe-c-style=compact]) caption:first-child,:host([pfe-c-style=compact]) td:first-child,:host([pfe-c-style=compact]) th:first-child{padding-left:1.14286em}:host([pfe-c-style=compact]) caption:last-child,:host([pfe-c-style=compact]) td:last-child,:host([pfe-c-style=compact]) th:last-child{padding-right:1.14286em}:host([pfe-c-style=compact]) th{border-top-width:2px;padding-top:.85714em}:host([pfe-c-style=compact]) caption{padding-top:1.14286em;border-bottom-width:1px}\n/*# sourceMappingURL=plcc-table.min.css.map */\n</style><div id="loading" hidden>\n  <pfe-progress-indicator></pfe-progress-indicator>\n</div>\n<article class="product-lifecycle__wrapper" id="product-lifecycle__wrapper--listing">\n  <button class="product-lifecycle__close icon-close application" id="close-btn" aria-label="Closes Red Hat OpenStack Platform Table" hidden>\n    <div class="icon-close__inner1"></div>\n  </button>\n    <h2 class="product-lifecycle-info__product-name sr-only"></h2>\n\n    <table border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table-headers" aria-hidden>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n    </table>\n\n    <table id="product-lifecycle-full-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--supported responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Full support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-maintenance-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Maintenance support <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n\n    <table id="product-lifecycle-extended-support" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--purgatory responsive-table responsive-table--row-strategy">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            Extended support <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n      <table id="product-lifecycle-end-of-maintenance" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n        <caption>\n          <h3 class="lifecycle-table__product-name">\n            End of maintenance <span class="sr-only"></span>\n          </h3>\n        </caption>\n        <thead>\n          <tr class="product-phases"></tr>\n        </thead>\n        <tbody></tbody>\n      </table>\n\n    <table id="product-lifecycle-end-of-life" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--unsupported responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          End of life <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n    <table id="product-lifecycle-uncategorized" border="0" cellspacing="0" cellpadding="0" class="product-lifecycle-info__table product-lifecycle-info__table--uncatagorized responsive-table responsive-table--row-strategy ">\n      <caption>\n        <h3 class="lifecycle-table__product-name">\n          Uncategorized <span class="sr-only"></span>\n        </h3>\n      </caption>\n      <thead>\n        <tr class="product-phases"></tr>\n      </thead>\n      <tbody></tbody>\n    </table>\n  <p id="plcc-disclaimer">All future dates mentioned are close approximations, non definitive, and subject to change.</p>\n</article>'}},{key:"templateUrl",get:function(){return"plcc-table.html"}},{key:"styleUrl",get:function(){return"plcc-table.scss"}},{key:"app",get:function(){return this.getAttribute("app")}},{key:"hideEOL",get:function(){return this.getAttribute("hide-eol")}},{key:"loading",get:function(){return this.hasAttribute("loading")},set:function(t){t?(this._loadingIndicator.removeAttribute("hidden"),this._loadingIndicator.classList.add("loading"),this.setAttribute("loading",!0)):(this._loadingIndicator.setAttribute("hidden",!0),this._loadingIndicator.classList.remove("loading"),this.removeAttribute("loading"))}},{key:"tableData",get:function(){return this._data},set:function(t){var e;t&&(this.loading=!0,this._data=t,e=this._getDisplayHeaders(this._data),t=this._getHeaders(this._data),this._construct(this._data,e,t),this.loading=!1)}}],[{key:"version",get:function(){return"2.1.1"}},{key:"tag",get:function(){return"plcc-table"}},{key:"events",get:function(){return{close:this.tag+":close"}}},{key:"properties",get:function(){return{_lang:{title:"Language support",attr:"lang",default:"en",type:String},productName:{title:"Name of product required for api",attr:"product-name",type:String},hideEol:{title:"Hide end-of-life section",attr:"hide-eol",type:Boolean,observer:"_hideEolChange"},app:{title:"Toggle application version",attr:"app",type:String}}}},{key:"slots",get:function(){return{}}},{key:"PfeType",get:function(){return t.PfeTypes.Component}}]),n(o,[{key:"connectedCallback",value:function(){i(o.prototype.__proto__||Object.getPrototypeOf(o.prototype),"connectedCallback",this).call(this),document.querySelector("html").hasAttribute("lang")&&(this._lang=document.querySelector("html").getAttribute("lang")),this._translateStrings(),this._requestProduct()}},{key:"disconnectedCallback",value:function(){this._closeBtn.removeEventListener("click",this._handleBtnClick)}},{key:"_hideEolChange",value:function(){this._handleHideEOL(this.hasAttribute("hide-eol"))}},{key:"_requestProduct",value:function(t,e){var a=this;this.loading=!0;var i="",n=this.productName,l=this._lang,i="en"===this.lang?"https://access.redhat.com/product-life-cycles/api/v1/products?name="+n:"https://access.redhat.com/product-life-cycles/api/v1/products?name="+n+"&lng="+l;new Promise(function(t,e){var n=new XMLHttpRequest;n.open("GET",i),n.responseType="json",n.onload=function(){(400<=n.status?e:t)(n.response),a.loading=!1},n.onerror=function(t){e(t,"Something went wrong."),a.loading=!1},n.send()}).then(function(t){a.tableData=t}).catch(function(t){console.error(t)})}},{key:"_translateStrings",value:function(){this.shadowRoot.querySelector("#product-lifecycle-full-support h3").firstChild.nodeValue=this._translations[this._lang].full_support,this.shadowRoot.querySelector("#product-lifecycle-maintenance-support h3").firstChild.nodeValue=this._translations[this._lang].maint_support,this.shadowRoot.querySelector("#product-lifecycle-extended-support h3").firstChild.nodeValue=this._translations[this._lang].ext_support,this.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance h3").firstChild.nodeValue=this._translations[this._lang].end_maintenance,this.shadowRoot.querySelector("#product-lifecycle-end-of-life h3").firstChild.nodeValue=this._translations[this._lang].end_life,this.shadowRoot.querySelector("#product-lifecycle-uncategorized h3").firstChild.nodeValue=this._translations[this._lang].uncategorized,this.shadowRoot.querySelector("#plcc-disclaimer").textContent=this._translations[this._lang].disclaimer}},{key:"_getDisplayHeaders",value:function(t){var e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(function(t){e.push(t.display_name)}),e}},{key:"_getHeaders",value:function(t){var e=[];return t.data[0].is_layered_product&&(e=e.concat(t.data[0].product_extra_headers)),t.data[0].all_phases.forEach(function(t){e.push(t.name)}),e}},{key:"_construct",value:function(d,t,s){var c=this,p="",h="",u="",_="",f="",b="",e='<th scope="col">'+this._translations[this._lang].version+"</th>",n=d.data[0].versions,m=d.data[0].show_last_minor_release,y=d.data[0].is_layered_product;this.shadowRoot.querySelector(".product-lifecycle-info__product-name").innerText=d.data[0].name,this.shadowRoot.querySelectorAll(".sr-only").forEach(function(t){return t.innerText=""+d.data[0].name}),t.forEach(function(t){e+='<th scope="col">'+t+"</th>"}),m&&(e+='<th scope="col">'+this._translations[this._lang].last_minor+"</th>"),n.forEach(function(t,e){var n="",a="",i="",l="",o="",r="";"Full Support"===t.type&&(c._fullSupport=!0,n='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"Maintenance Support"===t.type&&(c._maintenanceSupport=!0,a='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"Extended Support"===t.type&&(c._extendedSupport=!0,i='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"End of Maintenance"===t.type&&(c._endOfMaintenance=!0,o='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),"End of life"===t.type&&(c._endOfLife=!0,l='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+c._translations[c._lang].not_applicable+"</td>"}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),""!==t.type&&null!==t.type||(c._uncategorized=!0,r='\n        <tr>\n          <th scope="row" data-label="'+c._translations[c._lang].version+'">'+t.name+"</th>\n          "+(y?t.extra_dependences.map(function(t,e){return null!==t?'<td data-label="'+d.data[0].product_extra_headers[e]+'">'+t+"</td>":'<td data-label="'+d.data[0].product_extra_headers[e]+'">N/A</td>'}).join(""):"")+"\n          "+t.phases.map(function(t){return s.includes(t.name)?'<td data-label="'+t.name+'">'+c._parseDate(t.date,t.date_format)+"\n                "+c._parseSuperscript(t.superscript)+"\n                </td>":'<td data-label="'+t.name+'">'+c._translations[c._lang].not_applicable+"</td>"}).join("")+"\n          "+(m?null!==t.last_minor_release?'<td data-label="'+c._translations[c._lang].last_minor+'">'+t.last_minor_release+"</td>":'<td data-label="'+c._translations[c._lang].last_minor+'">'+c._translations[c._lang].not_applicable+"</td>":"")+"\n        </tr>\n        "),p+=n,h+=a,u+=i,_+=l,f+=o,b+=r}),this._fullSupport?this._fullSupportTable.removeAttribute("hidden"):this._fullSupportTable.setAttribute("hidden",!0),this._maintenanceSupport?this._maintenanceSupportTable.removeAttribute("hidden"):this._maintenanceSupportTable.setAttribute("hidden",!0),this._extendedSupport?this._extendedSupportTable.removeAttribute("hidden"):this._extendedSupportTable.setAttribute("hidden",!0),this._endOfMaintenance?this._endOfMaintenanceTable.removeAttribute("hidden"):this._endOfMaintenanceTable.setAttribute("hidden",!0),(!this._endOfLife||this._endOfLife&&this._plccApplication)&&this._endOfLifeTable.setAttribute("hidden",!0),this._uncategorized?this._uncategorizedTable.removeAttribute("hidden"):this._uncategorizedTable.setAttribute("hidden",!0),this._phaseRow.forEach(function(t){t.innerHTML=e}),this._fullSupportBody.innerHTML=p,this._maintenanceSupportBody.innerHTML=h,this._extendedSupportBody.innerHTML=u,this._endOfLifeBody.innerHTML=_,this._endOfMaintenanceBody.innerHTML=f,this._uncategorizedBody.innerHTML=b}},{key:"_parseDate",value:function(t,e){return"string"===e?t:"<pfe-datetime datetime="+t+' day="numeric" month="long" year="numeric" time-zone="UTC" locale="'+("zh_CN"!==this._lang?this._lang:"zh-Hans-CN")+'"></pfe-datetime>'}},{key:"_parseSuperscript",value:function(t){return this.hasAttribute("app")||void 0===t?"":"<sup>"+t+"</sup>"}},{key:"_handleHideEOL",value:function(t){t?this._endOfLifeTable.setAttribute("hidden",!0):this._endOfLifeTable.removeAttribute("hidden")}},{key:"_handleBtnClick",value:function(t){this.emitEvent(o.events.close)}}]),o);function o(){e(this,o);var t=l(this,(o.__proto__||Object.getPrototypeOf(o)).call(this,o,{type:o.PfeType}));return t._handleBtnClick=t._handleBtnClick.bind(t),t._data=null,t._fullSupport=!1,t._maintenanceSupport=!1,t._extendedSupport=!1,t._uncategorized=!1,t._endOfMaintenance=!1,t._endOfLife=!1,t._plccApplication=!1,t._translations={en:{full_support:"Full Support",maint_support:"Maintenance Support",ext_support:"Extended Support",uncategorized:"Uncategorized",end_maintenance:"End of maintenance",end_life:"End of life",version:"Version",last_minor:"Last minor release",not_applicable:"N/A",disclaimer:"All future dates mentioned are close approximations, non definitive, and subject to change."},ja:{full_support:"フルサポート",maint_support:"メンテナンスサポート",ext_support:"延長サポート",uncategorized:"未分類",end_maintenance:"メンテナンスサポートの終了日",end_life:"ライフサイクルの終了日",version:"バージョン",last_minor:"最終マイナーリリース",not_applicable:"該当なし",disclaimer:"記載されている将来の日付はすべて概算であり、決定的なものではなく、変更される可能性があります。"},ko:{full_support:"완전 지원",maint_support:"유지 관리 지원",ext_support:"연장 지원",uncategorized:"범주화되지 않음",end_maintenance:"유지 관리 지원 종료",end_life:"종료일",version:"버전",last_minor:"마지막 마이너 릴리스",not_applicable:"해당 없음",disclaimer:"언급된 모든 향후 날짜는 확정되지 않은 예상 날짜이며 변경될 수 있습니다."},zh_CN:{full_support:"完全支持",maint_support:"维护支持",ext_support:"延长的支持",uncategorized:"未分类",end_maintenance:"维护结束",end_life:"生命周期结束",version:"版本",last_minor:"最后的次发行版本",not_applicable:"不适用",disclaimer:"所有提到的未来日期均为近似日期，未完全确定，可能随时更改。"}},t._disclaimer=t.shadowRoot.querySelector("#plcc-disclaimer"),t._article=t.shadowRoot.querySelector("article"),t._header=t.shadowRoot.querySelector("header"),t._links=t.shadowRoot.querySelectorAll("a"),t._appMarkup=t.shadowRoot.querySelectorAll(".application"),t._fullSupportTable=t.shadowRoot.querySelector("#product-lifecycle-full-support"),t._maintenanceSupportTable=t.shadowRoot.querySelector("#product-lifecycle-maintenance-support"),t._extendedSupportTable=t.shadowRoot.querySelector("#product-lifecycle-extended-support"),t._endOfMaintenanceTable=t.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance"),t._endOfLifeTable=t.shadowRoot.querySelector("#product-lifecycle-end-of-life"),t._uncategorizedTable=t.shadowRoot.querySelector("#product-lifecycle-uncategorized"),t._fullSupportBody=t.shadowRoot.querySelector("#product-lifecycle-full-support tbody"),t._maintenanceSupportBody=t.shadowRoot.querySelector("#product-lifecycle-maintenance-support tbody"),t._extendedSupportBody=t.shadowRoot.querySelector("#product-lifecycle-extended-support tbody"),t._endOfMaintenanceBody=t.shadowRoot.querySelector("#product-lifecycle-end-of-maintenance tbody"),t._endOfLifeBody=t.shadowRoot.querySelector("#product-lifecycle-end-of-life tbody"),t._uncategorizedBody=t.shadowRoot.querySelector("#product-lifecycle-uncategorized tbody"),t._caption=t.shadowRoot.querySelector("caption"),t._phaseRow=t.shadowRoot.querySelectorAll(".product-phases"),t._versionToggleRow=t.shadowRoot.querySelectorAll("version-toggle-row"),t._versionToggle=t.shadowRoot.querySelector("#unsupported-versions"),t._closeBtn=t.shadowRoot.querySelector("#close-btn"),t._loadingIndicator=t.shadowRoot.querySelector("#loading"),t.loading=!1,t}return t.create(n),n});
 //# sourceMappingURL=plcc-table.umd.min.js.map

package.json

@@ -15,3 +15,3 @@ {
   },
-  "version": "2.1.0",
+  "version": "2.1.1",
   "keywords": [
@@ -18,0 +18,0 @@ "web-components",

No alert changes

Improved metrics

Total package byte prevSize

373637

increased by0.23%

Lines of code

1842

increased by0.11%

No dependency changes