@cpelements/pfe-navigation-account
Advanced tools
Comparing version 1.0.33 to 1.0.34
import PFElement from '../../../@patternfly/pfelement/dist/pfelement.js'; | ||
import '../../../@patternfly/pfe-avatar/dist/pfe-avatar.js'; | ||
import PfeIcon from '../../../@patternfly/pfe-icon/dist/pfe-icon.js'; | ||
/*! | ||
* PatternFly Elements: PfeNavigationAccount 1.0.33 | ||
* PatternFly Elements: PfeNavigationAccount 1.0.34 | ||
* @license | ||
@@ -31,3 +32,2 @@ * Copyright 2020 Red Hat, Inc. | ||
// @todo Missing some account information | ||
// @todo Need pencil icon | ||
@@ -38,3 +38,3 @@ class PfeNavigationAccount extends PFElement { | ||
static get version() { | ||
return "1.0.33"; | ||
return "1.0.34"; | ||
} | ||
@@ -45,3 +45,3 @@ | ||
return ` | ||
<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info[class] .user-info__edit-avatar{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style> | ||
<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{--pfe-icon--color:currentColor;display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info__edit-avatar{position:relative;padding-left:24px;font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info__edit-avatar:focus,.user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.user-info__edit-avatar pfe-icon{--pfe-icon--size:16px;position:absolute;top:50%;left:0;display:block;max-width:16px;max-height:16px;border:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style> | ||
<div> | ||
@@ -60,3 +60,3 @@ <div id="wrapper"> | ||
title: "Navigation account", | ||
description: "Be awesome." | ||
description: "Be awesome.", | ||
}; | ||
@@ -83,3 +83,3 @@ } | ||
return { | ||
shadowDomInteraction: `pfe-shadow-dom-event` | ||
shadowDomInteraction: `pfe-shadow-dom-event`, | ||
}; | ||
@@ -100,20 +100,20 @@ } | ||
type: String, | ||
default: "en" | ||
default: "en", | ||
}, | ||
loginLink: { | ||
title: "Login link", | ||
type: String | ||
type: String, | ||
}, | ||
logoutLink: { | ||
title: "Logout link", | ||
type: String | ||
type: String, | ||
}, | ||
avatarUrl: { | ||
title: "Avatar URL", | ||
type: String | ||
type: String, | ||
}, | ||
fullName: { | ||
title: "Full name", | ||
type: String | ||
} | ||
type: String, | ||
}, | ||
}; | ||
@@ -150,3 +150,3 @@ } | ||
userManagement: "User management", | ||
userManagementDesc: "Manage users in your organization." | ||
userManagementDesc: "Manage users in your organization.", | ||
}, | ||
@@ -172,3 +172,3 @@ ja: { | ||
userManagement: "ユーザー管理", | ||
userManagementDesc: "組織内のユーザーを管理できます。" | ||
userManagementDesc: "組織内のユーザーを管理できます。", | ||
}, | ||
@@ -194,3 +194,3 @@ ko: { | ||
userManagement: "사용자 관리", | ||
userManagementDesc: "귀하의 비즈니스 사용자를 관리하세요." | ||
userManagementDesc: "귀하의 비즈니스 사용자를 관리하세요.", | ||
}, | ||
@@ -216,3 +216,3 @@ zh: { | ||
userManagement: "用户管理", | ||
userManagementDesc: "管理您企业中的用户。" | ||
userManagementDesc: "管理您企业中的用户。", | ||
}, | ||
@@ -238,3 +238,3 @@ de: { | ||
userManagement: "Benutzerverwaltung", | ||
userManagementDesc: "Benutzer in Ihrer Organisation verwalten." | ||
userManagementDesc: "Benutzer in Ihrer Organisation verwalten.", | ||
}, | ||
@@ -261,3 +261,3 @@ fr: { | ||
userManagement: "Gestion des utilisateurs", | ||
userManagementDesc: "Gérez les utilisateurs de votre entreprise." | ||
userManagementDesc: "Gérez les utilisateurs de votre entreprise.", | ||
}, | ||
@@ -283,3 +283,3 @@ it: { | ||
userManagement: "Gestione utenti", | ||
userManagementDesc: "Gestisci gli utenti della tua organizzazione." | ||
userManagementDesc: "Gestisci gli utenti della tua organizzazione.", | ||
}, | ||
@@ -306,3 +306,3 @@ es: { | ||
userManagement: "Gestión de usuarios", | ||
userManagementDesc: "Gestione las cuentas de usuario de su empresa." | ||
userManagementDesc: "Gestione las cuentas de usuario de su empresa.", | ||
}, | ||
@@ -329,4 +329,4 @@ pt: { | ||
userManagement: "Gerenciamento de usuários", | ||
userManagementDesc: "Gerencie os usuários da sua organização." | ||
} | ||
userManagementDesc: "Gerencie os usuários da sua organização.", | ||
}, | ||
}; | ||
@@ -369,4 +369,4 @@ | ||
target: event.target, | ||
parent: this | ||
} | ||
parent: this, | ||
}, | ||
}); | ||
@@ -445,3 +445,3 @@ } | ||
fetch(`${avatarEndpoint}${REDHAT_LOGIN}`) | ||
.then(response => { | ||
.then((response) => { | ||
if (typeof response === "object" && typeof response.status === "number" && response.status === 200) { | ||
@@ -458,3 +458,3 @@ if (typeof response.url === "string" && !response.url.includes("blank.png")) { | ||
}) | ||
.catch(error => this.warn(error)); | ||
.catch((error) => this.warn(error)); | ||
} | ||
@@ -535,5 +535,13 @@ } | ||
editAvatarLink.dataset.analyticsText = this._navTranslations["en"].avatarEdit; | ||
// @todo need pencil icon | ||
editAvatarLink.prepend(this._createPfeIcon("web-caret-right")); | ||
// Add icon set to get pencil icon | ||
PfeIcon.addIconSet( | ||
"fa", | ||
// @todo Host on a cookieless domain | ||
"//access.redhat.com/webassets/avalon/j/lib/patternfly-icons", | ||
(iconName, setName, path) => `${path}/${iconName}.svg` | ||
); | ||
editAvatarLink.prepend(this._createPfeIcon("fa-pencil-alt")); | ||
basicInfoWrapper.append(basicInfoAvatar); | ||
@@ -555,4 +563,4 @@ basicInfoWrapper.append(basicInfoName); | ||
data: { | ||
analyticsText: this._navTranslations.en.accountDetails | ||
} | ||
analyticsText: this._navTranslations.en.accountDetails, | ||
}, | ||
}, | ||
@@ -564,4 +572,4 @@ { | ||
data: { | ||
analyticsText: this._navTranslations.en.profile | ||
} | ||
analyticsText: this._navTranslations.en.profile, | ||
}, | ||
}, | ||
@@ -573,5 +581,5 @@ { | ||
data: { | ||
analyticsText: this._navTranslations.en.training | ||
} | ||
} | ||
analyticsText: this._navTranslations.en.training, | ||
}, | ||
}, | ||
], | ||
@@ -585,6 +593,6 @@ // Column 2 | ||
data: { | ||
analyticsText: this._navTranslations.en.subscriptions | ||
analyticsText: this._navTranslations.en.subscriptions, | ||
}, | ||
// Should respect "Manage subs permission" | ||
requiresRole: "portal_manage_subscriptions" | ||
requiresRole: "portal_manage_subscriptions", | ||
}, | ||
@@ -596,4 +604,4 @@ { | ||
data: { | ||
analyticsText: this._navTranslations.en.accountTeam | ||
} | ||
analyticsText: this._navTranslations.en.accountTeam, | ||
}, | ||
}, | ||
@@ -605,6 +613,6 @@ { | ||
data: { | ||
analyticsText: this._navTranslations.en.userManagement | ||
analyticsText: this._navTranslations.en.userManagement, | ||
}, | ||
// Should respect "is Org Admin" | ||
requiresRole: "admin:org:all" | ||
requiresRole: "admin:org:all", | ||
}, | ||
@@ -616,5 +624,5 @@ { | ||
data: { | ||
analyticsText: this._navTranslations.en.support | ||
} | ||
} | ||
analyticsText: this._navTranslations.en.support, | ||
}, | ||
}, | ||
// { | ||
@@ -625,3 +633,3 @@ // text: '', | ||
// }, | ||
] | ||
], | ||
]; | ||
@@ -628,0 +636,0 @@ |
@@ -1,4 +0,4 @@ | ||
import a from"../../../@patternfly/pfelement/dist/pfelement.min.js";import"../../../@patternfly/pfe-avatar/dist/pfe-avatar.min.js"; | ||
import a from"../../../@patternfly/pfelement/dist/pfelement.min.js";import"../../../@patternfly/pfe-avatar/dist/pfe-avatar.min.js";import e from"../../../@patternfly/pfe-icon/dist/pfe-icon.min.js"; | ||
/*! | ||
* PatternFly Elements: PfeNavigationAccount 1.0.33 | ||
* PatternFly Elements: PfeNavigationAccount 1.0.34 | ||
* @license | ||
@@ -26,3 +26,3 @@ * Copyright 2020 Red Hat, Inc. | ||
*/ | ||
class e extends a{static get version(){return"1.0.33"}get html(){return'\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info[class] .user-info__edit-avatar{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id="wrapper">\n </div>\n</div>'}static get tag(){return"pfe-navigation-account"}static get meta(){return{title:"Navigation account",description:"Be awesome."}}get templateUrl(){return"pfe-navigation-account.html"}get styleUrl(){return"pfe-navigation-account.scss"}get userData(){return this.userData}set userData(a){this._processUserData(a)}static get events(){return{shadowDomInteraction:"pfe-shadow-dom-event"}}static get PfeType(){return a.PfeTypes.Content}static get properties(){return{_lang:{title:"Language support",attr:"lang",type:String,default:"en"},loginLink:{title:"Login link",type:String},logoutLink:{title:"Logout link",type:String},avatarUrl:{title:"Avatar URL",type:String},fullName:{title:"Full name",type:String}}}constructor(){super(e,{type:e.PfeType}),this._userData=null,this._avatarElements=[],this._navTranslations={en:{accountDetails:"Account details",accountDetailsDesc:"Edit your contact info, password, location preferences, and errata notifications.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Get help from your Red Hat account team.",avatarEdit:"Edit Avatar",login:"Login",logout:"Log out",orgAdmin:"Organization administrator",profile:"Community profile",profileDesc:"Fill out your public profile and control what content you follow.",subscriptions:"Subscriptions",subscriptionsDesc:"Manage your subscriptions.",support:"Support",supportDesc:"Get support for your Red Hat products.",training:"Training & certification",trainingDesc:"Access your Red Hat Learning Subscription, courses, and exams.",userManagement:"User management",userManagementDesc:"Manage users in your organization."},ja:{accountDetails:"アカウント情報",accountDetailsDesc:"連絡先情報、パスワード、地域、エラータ通知の設定を編集できます。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"担当の Red Hat アカウントチームからサポートを受けられます。",avatarEdit:"アバターを編集する",login:"ログイン",logout:"ログアウト",orgAdmin:"組織管理者",profile:"コミュニティプロフィール",profileDesc:"公開プロフィールの入力と、フォローするコンテンツの管理を行えます。",subscriptions:"サブスクリプション",subscriptionsDesc:"サブスクリプションを管理できます。",support:"サポート",supportDesc:"Red Hat 製品のサポートを受けられます。",training:"トレーニングと認定資格",trainingDesc:"Red Hat ラーニングサブスクリプション、コース、試験にアクセスできます。",userManagement:"ユーザー管理",userManagementDesc:"組織内のユーザーを管理できます。"},ko:{accountDetails:"계정 정보",accountDetailsDesc:"연락처 정보, 비밀번호, 위치 기본 설정 및 정오표 알림을 선택하세요.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Red Hat 어카운트 팀의 도움을 받으세요.",avatarEdit:"아바타 편집",login:"로그인",logout:"로그아웃",orgAdmin:"기업 관리자",profile:"커뮤니티 프로필",profileDesc:"공개 프로필을 작성하고 관심있는 콘텐츠를 선택하세요.",subscriptions:"서브스크립션",subscriptionsDesc:"서브스크립션을 관리하세요.",support:"지원",supportDesc:"Red Hat 제품에 대한 지원을 받으세요.",training:"교육 및 자격증",trainingDesc:"Red Hat 교육 서브스크립션, 교육 과정, 시험에 액세스하세요.",userManagement:"사용자 관리",userManagementDesc:"귀하의 비즈니스 사용자를 관리하세요."},zh:{accountDetails:"账户详情",accountDetailsDesc:"编辑您的联系信息、密码、位置首选项和勘误通知。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"从您的红帽客户团队获取帮助。",avatarEdit:"编辑头像",login:"登录",logout:"退出",orgAdmin:"机构管理员",profile:"社区个人资料",profileDesc:"填写您的个人公开资料,选择想要关注的内容。",subscriptions:"订阅管理",subscriptionsDesc:"管理您的订阅。",support:"服务支持",supportDesc:"获取红帽产品支持。",training:"培训与认证",trainingDesc:"访问您的红帽培训订阅、课程和考试。",userManagement:"用户管理",userManagementDesc:"管理您企业中的用户。"},de:{accountDetails:"Kontodaten",accountDetailsDesc:"Kontaktdaten, Passwort, Standortpräferenzen und Errata-Benachrichtigungen bearbeiten.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Unterstützung von Ihrem Red Hat Account Team erhalten.",avatarEdit:"Avatar ändern",login:"Anmelden",logout:"Abmelden",orgAdmin:"Organisationsadministrator",profile:"Community-Profil",profileDesc:"Öffentliches Profil erstellen und bestimmen, welchen Inhalten Sie folgen.",subscriptions:"Subskriptionen",subscriptionsDesc:"Ihre Subskriptionen verwalten.",support:"Support",supportDesc:"Unterstützung für Ihre Red Hat Produkte erhalten.",training:"Training und Zertifizierung",trainingDesc:"Auf Ihre Red Hat Learning Subscription, Kurse und Prüfungen zugreifen.",userManagement:"Benutzerverwaltung",userManagementDesc:"Benutzer in Ihrer Organisation verwalten."},fr:{accountDetails:"Détails de mon compte",accountDetailsDesc:"Modifiez vos coordonnées, votre mot de passe, votre localisation et les notifications sur les correctifs.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Demandez de l'aide à votre équipe Red Hat.",avatarEdit:"Modifiez votre avatar",login:"Connexion",logout:"Déconnexion",orgAdmin:"Administrateur d'entreprise",profile:"Profil communauté",profileDesc:"Créez votre profil public et choisissez le contenu qui vous intéresse.",subscriptions:"Souscriptions",subscriptionsDesc:"Gérez vos souscriptions.",support:"Assistance",supportDesc:"Obtenez de l'aide sur vos produits Red Hat.",training:"Formations et certifications",trainingDesc:"Accédez à votre souscription Red Hat Learning et à nos cours et examens.",userManagement:"Gestion des utilisateurs",userManagementDesc:"Gérez les utilisateurs de votre entreprise."},it:{accountDetails:"Il mio account",accountDetailsDesc:"Modifica le tue modalità di contatto, di notifica delle correzioni, password e posizione.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Chiedi aiuto al tuo team di Red Hat dedicato.",avatarEdit:"Modifica avatar",login:"Accedi",logout:"Esegui il log out",orgAdmin:"Amministratore organizzazione",profile:"Profilo community",profileDesc:"Compila il tuo profilo pubblico e scegli i contenuti su cui ricevere aggiornamenti.",subscriptions:"Sottoscrizioni",subscriptionsDesc:"Gestisci le tue sottoscrizioni.",support:"Supporto",supportDesc:"Richiedi assistenza per i tuoi prodotti Red Hat. ",training:"Formazione e certificazione",trainingDesc:"Accedi alla tua Red Hat Learning Subscription, ai corsi e agli esami.",userManagement:"Gestione utenti",userManagementDesc:"Gestisci gli utenti della tua organizzazione."},es:{accountDetails:"Información de la cuenta",accountDetailsDesc:"Modifique su información de contacto, su contraseña, sus preferencias de ubicación y sus notificaciones de errores.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenga asistencia del equipo de cuentas de Red Hat.",avatarEdit:"Modifique su avatar",login:"Iniciar sesión",logout:"Cerrar sesión",orgAdmin:"Administrador de la empresa",profile:"Perfil público",profileDesc:"Cree su perfil público y elija el contenido que le interese seguir.",subscriptions:"Suscripciones",subscriptionsDesc:"Gestione sus suscripciones.",support:"Soporte",supportDesc:"Obtenga asistencia sobre los productos de Red Hat.",training:"Capacitación y certificación",trainingDesc:"Acceda a la Red Hat Learning Subscription, los cursos y los exámenes.",userManagement:"Gestión de usuarios",userManagementDesc:"Gestione las cuentas de usuario de su empresa."},pt:{accountDetails:"Informações sobre a conta",accountDetailsDesc:"Edite suas informações de contato, senha, preferências de localização e notificações de errata.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenha ajuda do seu time de contas da Red Hat.",avatarEdit:"Editar avatar",login:"Login",logout:"Sair",orgAdmin:"Administrador da organização",profile:"Perfil da comunidade",profileDesc:"Complete seu perfil público e controle o conteúdo que você quer seguir.",subscriptions:"Subscrições",subscriptionsDesc:"Gerencie suas subscrições.",support:"Suporte",supportDesc:"Obtenha suporte para suas soluções Red Hat.",training:"Treinamento e certificação",trainingDesc:"Acesse sua conta no Red Hat Learning Subscription e veja seus cursos e exames.",userManagement:"Gerenciamento de usuários",userManagementDesc:"Gerencie os usuários da sua organização."}},this._updateAvatarSrc=this._updateAvatarSrc.bind(this),this._createAccountDropdown=this._createAccountDropdown.bind(this),this._processUserReady=this._processUserReady.bind(this),this._processUserData=this._processUserData.bind(this),this._shadowDomInteraction=this._shadowDomInteraction.bind(this)}connectedCallback(){super.connectedCallback(),this.dropdownWrapper=this.shadowRoot.getElementById("wrapper");const a=document.querySelector("body");a.addEventListener("user-ready",this._processUserReady),a.addEventListener("user-update",this._processUserReady)}disconnectedCallback(){const a=document.querySelector("body");a.removeEventListener("user-ready",this._processUserReady),a.removeEventListener("user-update",this._processUserReady),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction)}_shadowDomInteraction(a){window.ShadyCSS&&!window.ShadyCSS.nativeShadow||this.emitEvent(e.events.shadowDomInteraction,{detail:{target:a.target,parent:this}})}_createPfeAvatar(a,e){const t=document.createElement("pfe-avatar");return t.setAttribute("name",a),t.setAttribute("shape","circle"),"string"==typeof e&&t.setAttribute("src",e),t}_getFullName(a){if("string"==typeof a.fullName)return a.fullName;let e="";return"string"==typeof a.firstName&&(e=a.firstName),"string"==typeof a.lastName&&(e=e.length?`${e} ${a.lastName}`:a.lastName),e.length||this.error("Couldn't get full name"),this.setAttribute("full-name",e),e}_updateAvatarSrc(a){if("undefined"!=typeof fetch&&(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&a!==this._userData.REDHAT_LOGIN)){let e="//access.redhat.com/api/users/avatar/";document.domain.includes(".foo.")&&(e="/api/users/avatar/"),fetch(`${e}${a}`).then(a=>{if("object"==typeof a&&"number"==typeof a.status&&200===a.status&&"string"==typeof a.url&&!a.url.includes("blank.png")){this.setAttribute("avatar-url",a.url);for(let e=0;e<this._avatarElements.length;e++)this._avatarElements[e].setAttribute("src",a.url)}}).catch(a=>this.warn(a))}}_createPfeIcon(a){const e=document.createElement("pfe-icon");return e.setAttribute("icon",a),e.setAttribute("size","sm"),e.setAttribute("aria-hidden","true"),e}_createAccountMenuToggle(a){const e=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),t=document.createElement("button");t.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),t.setAttribute("aria-label","Open user menu");const n=this._createPfeAvatar(a);return t.append(n),t.id="account__toggle",e.parentElement.replaceChild(t,e),this._avatarElements.push(n),t}_createAccountDropdown(a){const e=document.createElement("div");e.id="wrapper",e.classList.add("pfe-navigation__dropdown"),window.ShadyCSS&&!window.ShadyCSS.nativeShadow&&e.classList.add("pfe-navigation-account--in-crusty-browser");const t=document.createElement("h3"),n=this._getFullName(a),o=this._createPfeAvatar(n);t.classList.add("user-info"),this._avatarElements.push(o),o.classList.add("user-info__avatar");const i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=n;const r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText=this._navTranslations[this._lang].avatarEdit,r.dataset.analyticsText=this._navTranslations.en.avatarEdit,r.prepend(this._createPfeIcon("web-caret-right")),t.append(o),t.append(i),t.append(r);const s=[[{text:this._navTranslations[this._lang].accountDetails,url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:this._navTranslations[this._lang].accountDetailsDesc,data:{analyticsText:this._navTranslations.en.accountDetails}},{text:this._navTranslations[this._lang].profile,url:"https://access.redhat.com/user",description:this._navTranslations[this._lang].profileDesc,data:{analyticsText:this._navTranslations.en.profile}},{text:this._navTranslations[this._lang].training,url:"https://rol.redhat.com/rol/app/",description:this._navTranslations[this._lang].trainingDesc,data:{analyticsText:this._navTranslations.en.training}}],[{text:this._navTranslations[this._lang].subscriptions,url:"https://access.redhat.com/management",description:this._navTranslations[this._lang].subscriptionsDesc,data:{analyticsText:this._navTranslations.en.subscriptions},requiresRole:"portal_manage_subscriptions"},{text:this._navTranslations[this._lang].accountTeam,url:"https://access.redhat.com/account-team",description:this._navTranslations[this._lang].accountTeamDesc,data:{analyticsText:this._navTranslations.en.accountTeam}},{text:this._navTranslations[this._lang].userManagement,url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:this._navTranslations[this._lang].userManagementDesc,data:{analyticsText:this._navTranslations.en.userManagement},requiresRole:"admin:org:all"},{text:this._navTranslations[this._lang].support,url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:this._navTranslations[this._lang].supportDesc,data:{analyticsText:this._navTranslations.en.support}}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement");for(let e=0;e<s.length;e++){const t=s[e],n=document.createElement("ul");n.classList.add("account-links__column");for(let e=0;e<t.length;e++){const o=t[e];let i=!0;if(void 0!==o.requiresRole&&(a.realm_access.roles.includes(o.requiresRole)||(i=!1)),i){const a=document.createElement("li"),e=document.createElement("a");e.setAttribute("href",o.url);const t=Object.keys(o.data);for(let a=0;a<t.length;a++){const n=t[a],i=o.data[n];e.dataset[n]=i}e.innerHTML=`\n <div class="account-link__title">\n ${o.text}\n </div>`,o.description&&(e.innerHTML=`${e.innerHTML}\n <div class="account-link__description">\n ${o.description}\n </div>`),a.append(e),n.append(a)}}c.append(n)}const d=document.createElement("div");d.classList.add("account-metadata");const l=document.createElement("h3");l.classList.add("account-metadata__login-name"),l.innerText=`${this._navTranslations[this._lang].login}: ${a.REDHAT_LOGIN}`;const p=document.createElement("div");p.classList.add("account-metadata__account-number"),p.innerText=`Account number: ${a.account_number}`;const u=document.createElement("div");u.classList.add("account-metadata__email"),u.innerText=a.email;const m=document.createElement("div");m.classList.add("account-metadata__logout-wrapper");const g=document.createElement("a");if(this.hasAttribute("logout-link")?(g.setAttribute("href",this.logoutLink),g.classList.add("a11y-logout-link")):this.error("Couldn't get logout link"),g.hasAttribute("href")&&(g.innerText=this._navTranslations[this._lang].logout,g.dataset.analyticsText=this._navTranslations.en.logout,m.append(g)),d.append(l),a.realm_access.roles.includes("admin:org:all")){const a=document.createElement("div");a.classList.add("account-metadata__org-admin"),a.innerText=this._navTranslations[this._lang].orgAdmin,d.classList.add("account-metadata--org-admin"),d.append(a)}d.append(p),d.append(u);const f=d.cloneNode(!0);return f.classList.add("account-metadata--mobile"),d.append(m),e.append(t),e.append(f),e.append(c),e.append(d),e.addEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.parentElement.replaceChild(e,this.dropdownWrapper),this.dropdownWrapper=e,e}_processUserData(a){a.fullName=this._getFullName(a),this.fullName!==a.fullName&&this.setAttribute("full-name",a.fullName),null===this._userData&&this._createAccountDropdown(a),"string"==typeof a.REDHAT_LOGIN?this._updateAvatarSrc(a.REDHAT_LOGIN):this.error("Could not find Red Hat Login"),this._userData=a}_processUserReady(a){const e=a.target.user;"object"==typeof e&&this._processUserData(e)}}a.create(e);export default e; | ||
class t extends a{static get version(){return"1.0.34"}get html(){return'\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{--pfe-icon--color:currentColor;display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info__edit-avatar{position:relative;padding-left:24px;font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info__edit-avatar:focus,.user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.user-info__edit-avatar pfe-icon{--pfe-icon--size:16px;position:absolute;top:50%;left:0;display:block;max-width:16px;max-height:16px;border:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id="wrapper">\n </div>\n</div>'}static get tag(){return"pfe-navigation-account"}static get meta(){return{title:"Navigation account",description:"Be awesome."}}get templateUrl(){return"pfe-navigation-account.html"}get styleUrl(){return"pfe-navigation-account.scss"}get userData(){return this.userData}set userData(a){this._processUserData(a)}static get events(){return{shadowDomInteraction:"pfe-shadow-dom-event"}}static get PfeType(){return a.PfeTypes.Content}static get properties(){return{_lang:{title:"Language support",attr:"lang",type:String,default:"en"},loginLink:{title:"Login link",type:String},logoutLink:{title:"Logout link",type:String},avatarUrl:{title:"Avatar URL",type:String},fullName:{title:"Full name",type:String}}}constructor(){super(t,{type:t.PfeType}),this._userData=null,this._avatarElements=[],this._navTranslations={en:{accountDetails:"Account details",accountDetailsDesc:"Edit your contact info, password, location preferences, and errata notifications.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Get help from your Red Hat account team.",avatarEdit:"Edit Avatar",login:"Login",logout:"Log out",orgAdmin:"Organization administrator",profile:"Community profile",profileDesc:"Fill out your public profile and control what content you follow.",subscriptions:"Subscriptions",subscriptionsDesc:"Manage your subscriptions.",support:"Support",supportDesc:"Get support for your Red Hat products.",training:"Training & certification",trainingDesc:"Access your Red Hat Learning Subscription, courses, and exams.",userManagement:"User management",userManagementDesc:"Manage users in your organization."},ja:{accountDetails:"アカウント情報",accountDetailsDesc:"連絡先情報、パスワード、地域、エラータ通知の設定を編集できます。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"担当の Red Hat アカウントチームからサポートを受けられます。",avatarEdit:"アバターを編集する",login:"ログイン",logout:"ログアウト",orgAdmin:"組織管理者",profile:"コミュニティプロフィール",profileDesc:"公開プロフィールの入力と、フォローするコンテンツの管理を行えます。",subscriptions:"サブスクリプション",subscriptionsDesc:"サブスクリプションを管理できます。",support:"サポート",supportDesc:"Red Hat 製品のサポートを受けられます。",training:"トレーニングと認定資格",trainingDesc:"Red Hat ラーニングサブスクリプション、コース、試験にアクセスできます。",userManagement:"ユーザー管理",userManagementDesc:"組織内のユーザーを管理できます。"},ko:{accountDetails:"계정 정보",accountDetailsDesc:"연락처 정보, 비밀번호, 위치 기본 설정 및 정오표 알림을 선택하세요.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Red Hat 어카운트 팀의 도움을 받으세요.",avatarEdit:"아바타 편집",login:"로그인",logout:"로그아웃",orgAdmin:"기업 관리자",profile:"커뮤니티 프로필",profileDesc:"공개 프로필을 작성하고 관심있는 콘텐츠를 선택하세요.",subscriptions:"서브스크립션",subscriptionsDesc:"서브스크립션을 관리하세요.",support:"지원",supportDesc:"Red Hat 제품에 대한 지원을 받으세요.",training:"교육 및 자격증",trainingDesc:"Red Hat 교육 서브스크립션, 교육 과정, 시험에 액세스하세요.",userManagement:"사용자 관리",userManagementDesc:"귀하의 비즈니스 사용자를 관리하세요."},zh:{accountDetails:"账户详情",accountDetailsDesc:"编辑您的联系信息、密码、位置首选项和勘误通知。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"从您的红帽客户团队获取帮助。",avatarEdit:"编辑头像",login:"登录",logout:"退出",orgAdmin:"机构管理员",profile:"社区个人资料",profileDesc:"填写您的个人公开资料,选择想要关注的内容。",subscriptions:"订阅管理",subscriptionsDesc:"管理您的订阅。",support:"服务支持",supportDesc:"获取红帽产品支持。",training:"培训与认证",trainingDesc:"访问您的红帽培训订阅、课程和考试。",userManagement:"用户管理",userManagementDesc:"管理您企业中的用户。"},de:{accountDetails:"Kontodaten",accountDetailsDesc:"Kontaktdaten, Passwort, Standortpräferenzen und Errata-Benachrichtigungen bearbeiten.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Unterstützung von Ihrem Red Hat Account Team erhalten.",avatarEdit:"Avatar ändern",login:"Anmelden",logout:"Abmelden",orgAdmin:"Organisationsadministrator",profile:"Community-Profil",profileDesc:"Öffentliches Profil erstellen und bestimmen, welchen Inhalten Sie folgen.",subscriptions:"Subskriptionen",subscriptionsDesc:"Ihre Subskriptionen verwalten.",support:"Support",supportDesc:"Unterstützung für Ihre Red Hat Produkte erhalten.",training:"Training und Zertifizierung",trainingDesc:"Auf Ihre Red Hat Learning Subscription, Kurse und Prüfungen zugreifen.",userManagement:"Benutzerverwaltung",userManagementDesc:"Benutzer in Ihrer Organisation verwalten."},fr:{accountDetails:"Détails de mon compte",accountDetailsDesc:"Modifiez vos coordonnées, votre mot de passe, votre localisation et les notifications sur les correctifs.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Demandez de l'aide à votre équipe Red Hat.",avatarEdit:"Modifiez votre avatar",login:"Connexion",logout:"Déconnexion",orgAdmin:"Administrateur d'entreprise",profile:"Profil communauté",profileDesc:"Créez votre profil public et choisissez le contenu qui vous intéresse.",subscriptions:"Souscriptions",subscriptionsDesc:"Gérez vos souscriptions.",support:"Assistance",supportDesc:"Obtenez de l'aide sur vos produits Red Hat.",training:"Formations et certifications",trainingDesc:"Accédez à votre souscription Red Hat Learning et à nos cours et examens.",userManagement:"Gestion des utilisateurs",userManagementDesc:"Gérez les utilisateurs de votre entreprise."},it:{accountDetails:"Il mio account",accountDetailsDesc:"Modifica le tue modalità di contatto, di notifica delle correzioni, password e posizione.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Chiedi aiuto al tuo team di Red Hat dedicato.",avatarEdit:"Modifica avatar",login:"Accedi",logout:"Esegui il log out",orgAdmin:"Amministratore organizzazione",profile:"Profilo community",profileDesc:"Compila il tuo profilo pubblico e scegli i contenuti su cui ricevere aggiornamenti.",subscriptions:"Sottoscrizioni",subscriptionsDesc:"Gestisci le tue sottoscrizioni.",support:"Supporto",supportDesc:"Richiedi assistenza per i tuoi prodotti Red Hat. ",training:"Formazione e certificazione",trainingDesc:"Accedi alla tua Red Hat Learning Subscription, ai corsi e agli esami.",userManagement:"Gestione utenti",userManagementDesc:"Gestisci gli utenti della tua organizzazione."},es:{accountDetails:"Información de la cuenta",accountDetailsDesc:"Modifique su información de contacto, su contraseña, sus preferencias de ubicación y sus notificaciones de errores.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenga asistencia del equipo de cuentas de Red Hat.",avatarEdit:"Modifique su avatar",login:"Iniciar sesión",logout:"Cerrar sesión",orgAdmin:"Administrador de la empresa",profile:"Perfil público",profileDesc:"Cree su perfil público y elija el contenido que le interese seguir.",subscriptions:"Suscripciones",subscriptionsDesc:"Gestione sus suscripciones.",support:"Soporte",supportDesc:"Obtenga asistencia sobre los productos de Red Hat.",training:"Capacitación y certificación",trainingDesc:"Acceda a la Red Hat Learning Subscription, los cursos y los exámenes.",userManagement:"Gestión de usuarios",userManagementDesc:"Gestione las cuentas de usuario de su empresa."},pt:{accountDetails:"Informações sobre a conta",accountDetailsDesc:"Edite suas informações de contato, senha, preferências de localização e notificações de errata.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenha ajuda do seu time de contas da Red Hat.",avatarEdit:"Editar avatar",login:"Login",logout:"Sair",orgAdmin:"Administrador da organização",profile:"Perfil da comunidade",profileDesc:"Complete seu perfil público e controle o conteúdo que você quer seguir.",subscriptions:"Subscrições",subscriptionsDesc:"Gerencie suas subscrições.",support:"Suporte",supportDesc:"Obtenha suporte para suas soluções Red Hat.",training:"Treinamento e certificação",trainingDesc:"Acesse sua conta no Red Hat Learning Subscription e veja seus cursos e exames.",userManagement:"Gerenciamento de usuários",userManagementDesc:"Gerencie os usuários da sua organização."}},this._updateAvatarSrc=this._updateAvatarSrc.bind(this),this._createAccountDropdown=this._createAccountDropdown.bind(this),this._processUserReady=this._processUserReady.bind(this),this._processUserData=this._processUserData.bind(this),this._shadowDomInteraction=this._shadowDomInteraction.bind(this)}connectedCallback(){super.connectedCallback(),this.dropdownWrapper=this.shadowRoot.getElementById("wrapper");const a=document.querySelector("body");a.addEventListener("user-ready",this._processUserReady),a.addEventListener("user-update",this._processUserReady)}disconnectedCallback(){const a=document.querySelector("body");a.removeEventListener("user-ready",this._processUserReady),a.removeEventListener("user-update",this._processUserReady),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction)}_shadowDomInteraction(a){window.ShadyCSS&&!window.ShadyCSS.nativeShadow||this.emitEvent(t.events.shadowDomInteraction,{detail:{target:a.target,parent:this}})}_createPfeAvatar(a,e){const t=document.createElement("pfe-avatar");return t.setAttribute("name",a),t.setAttribute("shape","circle"),"string"==typeof e&&t.setAttribute("src",e),t}_getFullName(a){if("string"==typeof a.fullName)return a.fullName;let e="";return"string"==typeof a.firstName&&(e=a.firstName),"string"==typeof a.lastName&&(e=e.length?`${e} ${a.lastName}`:a.lastName),e.length||this.error("Couldn't get full name"),this.setAttribute("full-name",e),e}_updateAvatarSrc(a){if("undefined"!=typeof fetch&&(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&a!==this._userData.REDHAT_LOGIN)){let e="//access.redhat.com/api/users/avatar/";document.domain.includes(".foo.")&&(e="/api/users/avatar/"),fetch(`${e}${a}`).then(a=>{if("object"==typeof a&&"number"==typeof a.status&&200===a.status&&"string"==typeof a.url&&!a.url.includes("blank.png")){this.setAttribute("avatar-url",a.url);for(let e=0;e<this._avatarElements.length;e++)this._avatarElements[e].setAttribute("src",a.url)}}).catch(a=>this.warn(a))}}_createPfeIcon(a){const e=document.createElement("pfe-icon");return e.setAttribute("icon",a),e.setAttribute("size","sm"),e.setAttribute("aria-hidden","true"),e}_createAccountMenuToggle(a){const e=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),t=document.createElement("button");t.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),t.setAttribute("aria-label","Open user menu");const n=this._createPfeAvatar(a);return t.append(n),t.id="account__toggle",e.parentElement.replaceChild(t,e),this._avatarElements.push(n),t}_createAccountDropdown(a){const t=document.createElement("div");t.id="wrapper",t.classList.add("pfe-navigation__dropdown"),window.ShadyCSS&&!window.ShadyCSS.nativeShadow&&t.classList.add("pfe-navigation-account--in-crusty-browser");const n=document.createElement("h3"),o=this._getFullName(a),i=this._createPfeAvatar(o);n.classList.add("user-info"),this._avatarElements.push(i),i.classList.add("user-info__avatar");const r=document.createElement("div");r.classList.add("user-info__full-name"),r.innerText=o;const s=document.createElement("a");s.setAttribute("href","https://access.redhat.com/user/edit"),s.classList.add("user-info__edit-avatar"),s.innerText=this._navTranslations[this._lang].avatarEdit,s.dataset.analyticsText=this._navTranslations.en.avatarEdit,e.addIconSet("fa","//access.redhat.com/webassets/avalon/j/lib/patternfly-icons",(a,e,t)=>`${t}/${a}.svg`),s.prepend(this._createPfeIcon("fa-pencil-alt")),n.append(i),n.append(r),n.append(s);const c=[[{text:this._navTranslations[this._lang].accountDetails,url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:this._navTranslations[this._lang].accountDetailsDesc,data:{analyticsText:this._navTranslations.en.accountDetails}},{text:this._navTranslations[this._lang].profile,url:"https://access.redhat.com/user",description:this._navTranslations[this._lang].profileDesc,data:{analyticsText:this._navTranslations.en.profile}},{text:this._navTranslations[this._lang].training,url:"https://rol.redhat.com/rol/app/",description:this._navTranslations[this._lang].trainingDesc,data:{analyticsText:this._navTranslations.en.training}}],[{text:this._navTranslations[this._lang].subscriptions,url:"https://access.redhat.com/management",description:this._navTranslations[this._lang].subscriptionsDesc,data:{analyticsText:this._navTranslations.en.subscriptions},requiresRole:"portal_manage_subscriptions"},{text:this._navTranslations[this._lang].accountTeam,url:"https://access.redhat.com/account-team",description:this._navTranslations[this._lang].accountTeamDesc,data:{analyticsText:this._navTranslations.en.accountTeam}},{text:this._navTranslations[this._lang].userManagement,url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:this._navTranslations[this._lang].userManagementDesc,data:{analyticsText:this._navTranslations.en.userManagement},requiresRole:"admin:org:all"},{text:this._navTranslations[this._lang].support,url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:this._navTranslations[this._lang].supportDesc,data:{analyticsText:this._navTranslations.en.support}}]],d=document.createElement("div");d.classList.add("account-links"),d.setAttribute("aria-label","Account managemement");for(let e=0;e<c.length;e++){const t=c[e],n=document.createElement("ul");n.classList.add("account-links__column");for(let e=0;e<t.length;e++){const o=t[e];let i=!0;if(void 0!==o.requiresRole&&(a.realm_access.roles.includes(o.requiresRole)||(i=!1)),i){const a=document.createElement("li"),e=document.createElement("a");e.setAttribute("href",o.url);const t=Object.keys(o.data);for(let a=0;a<t.length;a++){const n=t[a],i=o.data[n];e.dataset[n]=i}e.innerHTML=`\n <div class="account-link__title">\n ${o.text}\n </div>`,o.description&&(e.innerHTML=`${e.innerHTML}\n <div class="account-link__description">\n ${o.description}\n </div>`),a.append(e),n.append(a)}}d.append(n)}const l=document.createElement("div");l.classList.add("account-metadata");const p=document.createElement("h3");p.classList.add("account-metadata__login-name"),p.innerText=`${this._navTranslations[this._lang].login}: ${a.REDHAT_LOGIN}`;const u=document.createElement("div");u.classList.add("account-metadata__account-number"),u.innerText="Account number: "+a.account_number;const m=document.createElement("div");m.classList.add("account-metadata__email"),m.innerText=a.email;const g=document.createElement("div");g.classList.add("account-metadata__logout-wrapper");const f=document.createElement("a");if(this.hasAttribute("logout-link")?(f.setAttribute("href",this.logoutLink),f.classList.add("a11y-logout-link")):this.error("Couldn't get logout link"),f.hasAttribute("href")&&(f.innerText=this._navTranslations[this._lang].logout,f.dataset.analyticsText=this._navTranslations.en.logout,g.append(f)),l.append(p),a.realm_access.roles.includes("admin:org:all")){const a=document.createElement("div");a.classList.add("account-metadata__org-admin"),a.innerText=this._navTranslations[this._lang].orgAdmin,l.classList.add("account-metadata--org-admin"),l.append(a)}l.append(u),l.append(m);const _=l.cloneNode(!0);return _.classList.add("account-metadata--mobile"),l.append(g),t.append(n),t.append(_),t.append(d),t.append(l),t.addEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.parentElement.replaceChild(t,this.dropdownWrapper),this.dropdownWrapper=t,t}_processUserData(a){a.fullName=this._getFullName(a),this.fullName!==a.fullName&&this.setAttribute("full-name",a.fullName),null===this._userData&&this._createAccountDropdown(a),"string"==typeof a.REDHAT_LOGIN?this._updateAvatarSrc(a.REDHAT_LOGIN):this.error("Could not find Red Hat Login"),this._userData=a}_processUserReady(a){const e=a.target.user;"object"==typeof e&&this._processUserData(e)}}a.create(t);export default t; | ||
//# sourceMappingURL=pfe-navigation-account.min.js.map |
(function (global, factory) { | ||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../../@patternfly/pfelement/dist/pfelement.umd'), require('../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd')) : | ||
typeof define === 'function' && define.amd ? define(['../../../@patternfly/pfelement/dist/pfelement.umd', '../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd'], factory) : | ||
(global = global || self, global.PfeNavigationAccount = factory(global.PFElement, global.PfeAvatar)); | ||
}(this, (function (PFElement, pfeAvatar_umd) { 'use strict'; | ||
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('../../../@patternfly/pfelement/dist/pfelement.umd'), require('../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd'), require('../../../@patternfly/pfe-icon/dist/pfe-icon.umd')) : | ||
typeof define === 'function' && define.amd ? define(['../../../@patternfly/pfelement/dist/pfelement.umd', '../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd', '../../../@patternfly/pfe-icon/dist/pfe-icon.umd'], factory) : | ||
(global = global || self, global.PfeNavigationAccount = factory(global.PFElement, global.PfeAvatar, global.PfeIcon)); | ||
}(this, (function (PFElement, pfeAvatar_umd, PfeIcon) { 'use strict'; | ||
PFElement = PFElement && Object.prototype.hasOwnProperty.call(PFElement, 'default') ? PFElement['default'] : PFElement; | ||
pfeAvatar_umd = pfeAvatar_umd && Object.prototype.hasOwnProperty.call(pfeAvatar_umd, 'default') ? pfeAvatar_umd['default'] : pfeAvatar_umd; | ||
PfeIcon = PfeIcon && Object.prototype.hasOwnProperty.call(PfeIcon, 'default') ? PfeIcon['default'] : PfeIcon; | ||
@@ -90,3 +91,3 @@ var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { | ||
/*! | ||
* PatternFly Elements: PfeNavigationAccount 1.0.33 | ||
* PatternFly Elements: PfeNavigationAccount 1.0.34 | ||
* @license | ||
@@ -117,3 +118,2 @@ * Copyright 2020 Red Hat, Inc. | ||
// @todo Missing some account information | ||
// @todo Need pencil icon | ||
@@ -128,3 +128,3 @@ var PfeNavigationAccount = function (_PFElement) { | ||
get: function get() { | ||
return "\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info[class] .user-info__edit-avatar{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id=\"wrapper\">\n </div>\n</div>"; | ||
return "\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{--pfe-icon--color:currentColor;display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info__edit-avatar{position:relative;padding-left:24px;font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info__edit-avatar:focus,.user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.user-info__edit-avatar pfe-icon{--pfe-icon--size:16px;position:absolute;top:50%;left:0;display:block;max-width:16px;max-height:16px;border:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id=\"wrapper\">\n </div>\n</div>"; | ||
} | ||
@@ -155,3 +155,3 @@ }, { | ||
get: function get() { | ||
return "1.0.33"; | ||
return "1.0.34"; | ||
} | ||
@@ -641,5 +641,12 @@ }, { | ||
editAvatarLink.dataset.analyticsText = this._navTranslations["en"].avatarEdit; | ||
// @todo need pencil icon | ||
editAvatarLink.prepend(this._createPfeIcon("web-caret-right")); | ||
// Add icon set to get pencil icon | ||
PfeIcon.addIconSet("fa", | ||
// @todo Host on a cookieless domain | ||
"//access.redhat.com/webassets/avalon/j/lib/patternfly-icons", function (iconName, setName, path) { | ||
return path + "/" + iconName + ".svg"; | ||
}); | ||
editAvatarLink.prepend(this._createPfeIcon("fa-pencil-alt")); | ||
basicInfoWrapper.append(basicInfoAvatar); | ||
@@ -710,7 +717,2 @@ basicInfoWrapper.append(basicInfoName); | ||
} | ||
// { | ||
// text: '', | ||
// url: '', | ||
// description: '', | ||
// }, | ||
}]]; | ||
@@ -717,0 +719,0 @@ |
@@ -1,2 +0,2 @@ | ||
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("../../../@patternfly/pfelement/dist/pfelement.umd.min"),require("../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min")):"function"==typeof define&&define.amd?define(["../../../@patternfly/pfelement/dist/pfelement.umd.min","../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min"],a):(e=e||self).PfeNavigationAccount=a(e.PFElement,e.PfeAvatar)}(this,function(e,a){"use strict";e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a;var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")},a=function(e,a,t){return a&&o(e.prototype,a),t&&o(e,t),e};function o(e,a){for(var t=0;t<a.length;t++){var n=a[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e,a,t){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0!==n){if("value"in n)return n.value;n=n.get;return void 0!==n?n.call(t):void 0}if(null!==(e=Object.getPrototypeOf(e)))return i(e,a,t)}var r=function(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a},a=(function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}(s,e),a(s,[{key:"html",get:function(){return'\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info[class] .user-info__edit-avatar{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info[class] .user-info__edit-avatar:focus,.user-info[class] .user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id="wrapper">\n </div>\n</div>'}},{key:"templateUrl",get:function(){return"pfe-navigation-account.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-account.scss"}},{key:"userData",get:function(){return this.userData},set:function(e){this._processUserData(e)}}],[{key:"version",get:function(){return"1.0.33"}},{key:"tag",get:function(){return"pfe-navigation-account"}},{key:"meta",get:function(){return{title:"Navigation account",description:"Be awesome."}}},{key:"events",get:function(){return{shadowDomInteraction:"pfe-shadow-dom-event"}}},{key:"PfeType",get:function(){return e.PfeTypes.Content}},{key:"properties",get:function(){return{_lang:{title:"Language support",attr:"lang",type:String,default:"en"},loginLink:{title:"Login link",type:String},logoutLink:{title:"Logout link",type:String},avatarUrl:{title:"Avatar URL",type:String},fullName:{title:"Full name",type:String}}}}]),a(s,[{key:"connectedCallback",value:function(){i(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.dropdownWrapper=this.shadowRoot.getElementById("wrapper");var e=document.querySelector("body");e.addEventListener("user-ready",this._processUserReady),e.addEventListener("user-update",this._processUserReady)}},{key:"disconnectedCallback",value:function(){var e=document.querySelector("body");e.removeEventListener("user-ready",this._processUserReady),e.removeEventListener("user-update",this._processUserReady),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction)}},{key:"_shadowDomInteraction",value:function(e){window.ShadyCSS&&!window.ShadyCSS.nativeShadow||this.emitEvent(s.events.shadowDomInteraction,{detail:{target:e.target,parent:this}})}},{key:"_createPfeAvatar",value:function(e,a){var t=document.createElement("pfe-avatar");return t.setAttribute("name",e),t.setAttribute("shape","circle"),"string"==typeof a&&t.setAttribute("src",a),t}},{key:"_getFullName",value:function(e){if("string"==typeof e.fullName)return e.fullName;var a="";return"string"==typeof e.firstName&&(a=e.firstName),(a="string"==typeof e.lastName?a.length?a+" "+e.lastName:e.lastName:a).length||this.error("Couldn't get full name"),this.setAttribute("full-name",a),a}},{key:"_updateAvatarSrc",value:function(e){var a,t=this;"undefined"!=typeof fetch&&(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&e!==this._userData.REDHAT_LOGIN)&&(a="//access.redhat.com/api/users/avatar/",document.domain.includes(".foo.")&&(a="/api/users/avatar/"),fetch(""+a+e).then(function(e){if("object"===(void 0===e?"undefined":n(e))&&"number"==typeof e.status&&200===e.status&&"string"==typeof e.url&&!e.url.includes("blank.png")){t.setAttribute("avatar-url",e.url);for(var a=0;a<t._avatarElements.length;a++)t._avatarElements[a].setAttribute("src",e.url)}}).catch(function(e){return t.warn(e)}))}},{key:"_createPfeIcon",value:function(e){var a=document.createElement("pfe-icon");return a.setAttribute("icon",e),a.setAttribute("size","sm"),a.setAttribute("aria-hidden","true"),a}},{key:"_createAccountMenuToggle",value:function(e){var a=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),t=document.createElement("button");t.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),t.setAttribute("aria-label","Open user menu");e=this._createPfeAvatar(e);return t.append(e),t.id="account__toggle",a.parentElement.replaceChild(t,a),this._avatarElements.push(e),t}},{key:"_createAccountDropdown",value:function(e){var a=document.createElement("div");a.id="wrapper",a.classList.add("pfe-navigation__dropdown"),window.ShadyCSS&&!window.ShadyCSS.nativeShadow&&a.classList.add("pfe-navigation-account--in-crusty-browser");var t=document.createElement("h3"),n=this._getFullName(e),o=this._createPfeAvatar(n);t.classList.add("user-info"),this._avatarElements.push(o),o.classList.add("user-info__avatar");var i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=n;var r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText=this._navTranslations[this._lang].avatarEdit,r.dataset.analyticsText=this._navTranslations.en.avatarEdit,r.prepend(this._createPfeIcon("web-caret-right")),t.append(o),t.append(i),t.append(r);var s=[[{text:this._navTranslations[this._lang].accountDetails,url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:this._navTranslations[this._lang].accountDetailsDesc,data:{analyticsText:this._navTranslations.en.accountDetails}},{text:this._navTranslations[this._lang].profile,url:"https://access.redhat.com/user",description:this._navTranslations[this._lang].profileDesc,data:{analyticsText:this._navTranslations.en.profile}},{text:this._navTranslations[this._lang].training,url:"https://rol.redhat.com/rol/app/",description:this._navTranslations[this._lang].trainingDesc,data:{analyticsText:this._navTranslations.en.training}}],[{text:this._navTranslations[this._lang].subscriptions,url:"https://access.redhat.com/management",description:this._navTranslations[this._lang].subscriptionsDesc,data:{analyticsText:this._navTranslations.en.subscriptions},requiresRole:"portal_manage_subscriptions"},{text:this._navTranslations[this._lang].accountTeam,url:"https://access.redhat.com/account-team",description:this._navTranslations[this._lang].accountTeamDesc,data:{analyticsText:this._navTranslations.en.accountTeam}},{text:this._navTranslations[this._lang].userManagement,url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:this._navTranslations[this._lang].userManagementDesc,data:{analyticsText:this._navTranslations.en.userManagement},requiresRole:"admin:org:all"},{text:this._navTranslations[this._lang].support,url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:this._navTranslations[this._lang].supportDesc,data:{analyticsText:this._navTranslations.en.support}}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement");for(var d=0;d<s.length;d++){var l=s[d],p=document.createElement("ul");p.classList.add("account-links__column");for(var u=0;u<l.length;u++){var m=l[u],g=!0;if(void 0!==m.requiresRole&&(e.realm_access.roles.includes(m.requiresRole)||(g=!1)),g){var g=document.createElement("li"),f=document.createElement("a");f.setAttribute("href",m.url);for(var _=Object.keys(m.data),v=0;v<_.length;v++){var h=_[v],b=m.data[h];f.dataset[h]=b}f.innerHTML='\n <div class="account-link__title">\n '+m.text+"\n </div>",m.description&&(f.innerHTML=f.innerHTML+'\n <div class="account-link__description">\n '+m.description+"\n </div>"),g.append(f),p.append(g)}}c.append(p)}var w=document.createElement("div");w.classList.add("account-metadata");var y=document.createElement("h3");y.classList.add("account-metadata__login-name"),y.innerText=this._navTranslations[this._lang].login+": "+e.REDHAT_LOGIN;n=document.createElement("div");n.classList.add("account-metadata__account-number"),n.innerText="Account number: "+e.account_number;o=document.createElement("div");o.classList.add("account-metadata__email"),o.innerText=e.email;i=document.createElement("div");i.classList.add("account-metadata__logout-wrapper");r=document.createElement("a");this.hasAttribute("logout-link")?(r.setAttribute("href",this.logoutLink),r.classList.add("a11y-logout-link")):this.error("Couldn't get logout link"),r.hasAttribute("href")&&(r.innerText=this._navTranslations[this._lang].logout,r.dataset.analyticsText=this._navTranslations.en.logout,i.append(r)),w.append(y),e.realm_access.roles.includes("admin:org:all")&&((y=document.createElement("div")).classList.add("account-metadata__org-admin"),y.innerText=this._navTranslations[this._lang].orgAdmin,w.classList.add("account-metadata--org-admin"),w.append(y)),w.append(n),w.append(o);o=w.cloneNode(!0);return o.classList.add("account-metadata--mobile"),w.append(i),a.append(t),a.append(o),a.append(c),a.append(w),a.addEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.parentElement.replaceChild(a,this.dropdownWrapper),this.dropdownWrapper=a}},{key:"_processUserData",value:function(e){e.fullName=this._getFullName(e),this.fullName!==e.fullName&&this.setAttribute("full-name",e.fullName),null===this._userData&&this._createAccountDropdown(e),"string"==typeof e.REDHAT_LOGIN?this._updateAvatarSrc(e.REDHAT_LOGIN):this.error("Could not find Red Hat Login"),this._userData=e}},{key:"_processUserReady",value:function(e){e=e.target.user;"object"===(void 0===e?"undefined":n(e))&&this._processUserData(e)}}]),s);function s(){t(this,s);var e=r(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,{type:s.PfeType}));return e._userData=null,e._avatarElements=[],e._navTranslations={en:{accountDetails:"Account details",accountDetailsDesc:"Edit your contact info, password, location preferences, and errata notifications.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Get help from your Red Hat account team.",avatarEdit:"Edit Avatar",login:"Login",logout:"Log out",orgAdmin:"Organization administrator",profile:"Community profile",profileDesc:"Fill out your public profile and control what content you follow.",subscriptions:"Subscriptions",subscriptionsDesc:"Manage your subscriptions.",support:"Support",supportDesc:"Get support for your Red Hat products.",training:"Training & certification",trainingDesc:"Access your Red Hat Learning Subscription, courses, and exams.",userManagement:"User management",userManagementDesc:"Manage users in your organization."},ja:{accountDetails:"アカウント情報",accountDetailsDesc:"連絡先情報、パスワード、地域、エラータ通知の設定を編集できます。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"担当の Red Hat アカウントチームからサポートを受けられます。",avatarEdit:"アバターを編集する",login:"ログイン",logout:"ログアウト",orgAdmin:"組織管理者",profile:"コミュニティプロフィール",profileDesc:"公開プロフィールの入力と、フォローするコンテンツの管理を行えます。",subscriptions:"サブスクリプション",subscriptionsDesc:"サブスクリプションを管理できます。",support:"サポート",supportDesc:"Red Hat 製品のサポートを受けられます。",training:"トレーニングと認定資格",trainingDesc:"Red Hat ラーニングサブスクリプション、コース、試験にアクセスできます。",userManagement:"ユーザー管理",userManagementDesc:"組織内のユーザーを管理できます。"},ko:{accountDetails:"계정 정보",accountDetailsDesc:"연락처 정보, 비밀번호, 위치 기본 설정 및 정오표 알림을 선택하세요.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Red Hat 어카운트 팀의 도움을 받으세요.",avatarEdit:"아바타 편집",login:"로그인",logout:"로그아웃",orgAdmin:"기업 관리자",profile:"커뮤니티 프로필",profileDesc:"공개 프로필을 작성하고 관심있는 콘텐츠를 선택하세요.",subscriptions:"서브스크립션",subscriptionsDesc:"서브스크립션을 관리하세요.",support:"지원",supportDesc:"Red Hat 제품에 대한 지원을 받으세요.",training:"교육 및 자격증",trainingDesc:"Red Hat 교육 서브스크립션, 교육 과정, 시험에 액세스하세요.",userManagement:"사용자 관리",userManagementDesc:"귀하의 비즈니스 사용자를 관리하세요."},zh:{accountDetails:"账户详情",accountDetailsDesc:"编辑您的联系信息、密码、位置首选项和勘误通知。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"从您的红帽客户团队获取帮助。",avatarEdit:"编辑头像",login:"登录",logout:"退出",orgAdmin:"机构管理员",profile:"社区个人资料",profileDesc:"填写您的个人公开资料,选择想要关注的内容。",subscriptions:"订阅管理",subscriptionsDesc:"管理您的订阅。",support:"服务支持",supportDesc:"获取红帽产品支持。",training:"培训与认证",trainingDesc:"访问您的红帽培训订阅、课程和考试。",userManagement:"用户管理",userManagementDesc:"管理您企业中的用户。"},de:{accountDetails:"Kontodaten",accountDetailsDesc:"Kontaktdaten, Passwort, Standortpräferenzen und Errata-Benachrichtigungen bearbeiten.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Unterstützung von Ihrem Red Hat Account Team erhalten.",avatarEdit:"Avatar ändern",login:"Anmelden",logout:"Abmelden",orgAdmin:"Organisationsadministrator",profile:"Community-Profil",profileDesc:"Öffentliches Profil erstellen und bestimmen, welchen Inhalten Sie folgen.",subscriptions:"Subskriptionen",subscriptionsDesc:"Ihre Subskriptionen verwalten.",support:"Support",supportDesc:"Unterstützung für Ihre Red Hat Produkte erhalten.",training:"Training und Zertifizierung",trainingDesc:"Auf Ihre Red Hat Learning Subscription, Kurse und Prüfungen zugreifen.",userManagement:"Benutzerverwaltung",userManagementDesc:"Benutzer in Ihrer Organisation verwalten."},fr:{accountDetails:"Détails de mon compte",accountDetailsDesc:"Modifiez vos coordonnées, votre mot de passe, votre localisation et les notifications sur les correctifs.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Demandez de l'aide à votre équipe Red Hat.",avatarEdit:"Modifiez votre avatar",login:"Connexion",logout:"Déconnexion",orgAdmin:"Administrateur d'entreprise",profile:"Profil communauté",profileDesc:"Créez votre profil public et choisissez le contenu qui vous intéresse.",subscriptions:"Souscriptions",subscriptionsDesc:"Gérez vos souscriptions.",support:"Assistance",supportDesc:"Obtenez de l'aide sur vos produits Red Hat.",training:"Formations et certifications",trainingDesc:"Accédez à votre souscription Red Hat Learning et à nos cours et examens.",userManagement:"Gestion des utilisateurs",userManagementDesc:"Gérez les utilisateurs de votre entreprise."},it:{accountDetails:"Il mio account",accountDetailsDesc:"Modifica le tue modalità di contatto, di notifica delle correzioni, password e posizione.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Chiedi aiuto al tuo team di Red Hat dedicato.",avatarEdit:"Modifica avatar",login:"Accedi",logout:"Esegui il log out",orgAdmin:"Amministratore organizzazione",profile:"Profilo community",profileDesc:"Compila il tuo profilo pubblico e scegli i contenuti su cui ricevere aggiornamenti.",subscriptions:"Sottoscrizioni",subscriptionsDesc:"Gestisci le tue sottoscrizioni.",support:"Supporto",supportDesc:"Richiedi assistenza per i tuoi prodotti Red Hat. ",training:"Formazione e certificazione",trainingDesc:"Accedi alla tua Red Hat Learning Subscription, ai corsi e agli esami.",userManagement:"Gestione utenti",userManagementDesc:"Gestisci gli utenti della tua organizzazione."},es:{accountDetails:"Información de la cuenta",accountDetailsDesc:"Modifique su información de contacto, su contraseña, sus preferencias de ubicación y sus notificaciones de errores.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenga asistencia del equipo de cuentas de Red Hat.",avatarEdit:"Modifique su avatar",login:"Iniciar sesión",logout:"Cerrar sesión",orgAdmin:"Administrador de la empresa",profile:"Perfil público",profileDesc:"Cree su perfil público y elija el contenido que le interese seguir.",subscriptions:"Suscripciones",subscriptionsDesc:"Gestione sus suscripciones.",support:"Soporte",supportDesc:"Obtenga asistencia sobre los productos de Red Hat.",training:"Capacitación y certificación",trainingDesc:"Acceda a la Red Hat Learning Subscription, los cursos y los exámenes.",userManagement:"Gestión de usuarios",userManagementDesc:"Gestione las cuentas de usuario de su empresa."},pt:{accountDetails:"Informações sobre a conta",accountDetailsDesc:"Edite suas informações de contato, senha, preferências de localização e notificações de errata.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenha ajuda do seu time de contas da Red Hat.",avatarEdit:"Editar avatar",login:"Login",logout:"Sair",orgAdmin:"Administrador da organização",profile:"Perfil da comunidade",profileDesc:"Complete seu perfil público e controle o conteúdo que você quer seguir.",subscriptions:"Subscrições",subscriptionsDesc:"Gerencie suas subscrições.",support:"Suporte",supportDesc:"Obtenha suporte para suas soluções Red Hat.",training:"Treinamento e certificação",trainingDesc:"Acesse sua conta no Red Hat Learning Subscription e veja seus cursos e exames.",userManagement:"Gerenciamento de usuários",userManagementDesc:"Gerencie os usuários da sua organização."}},e._updateAvatarSrc=e._updateAvatarSrc.bind(e),e._createAccountDropdown=e._createAccountDropdown.bind(e),e._processUserReady=e._processUserReady.bind(e),e._processUserData=e._processUserData.bind(e),e._shadowDomInteraction=e._shadowDomInteraction.bind(e),e}return e.create(a),a}); | ||
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?module.exports=a(require("../../../@patternfly/pfelement/dist/pfelement.umd.min"),require("../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min"),require("../../../@patternfly/pfe-icon/dist/pfe-icon.umd.min")):"function"==typeof define&&define.amd?define(["../../../@patternfly/pfelement/dist/pfelement.umd.min","../../../@patternfly/pfe-avatar/dist/pfe-avatar.umd.min","../../../@patternfly/pfe-icon/dist/pfe-icon.umd.min"],a):(e=e||self).PfeNavigationAccount=a(e.PFElement,e.PfeAvatar,e.PfeIcon)}(this,function(e,a,x){"use strict";e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,a=a&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a,x=x&&Object.prototype.hasOwnProperty.call(x,"default")?x.default:x;var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t=function(e,a){if(!(e instanceof a))throw new TypeError("Cannot call a class as a function")},a=function(e,a,t){return a&&o(e.prototype,a),t&&o(e,t),e};function o(e,a){for(var t=0;t<a.length;t++){var n=a[t];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function i(e,a,t){null===e&&(e=Function.prototype);var n=Object.getOwnPropertyDescriptor(e,a);if(void 0!==n){if("value"in n)return n.value;n=n.get;return void 0!==n?n.call(t):void 0}if(null!==(e=Object.getPrototypeOf(e)))return i(e,a,t)}var r=function(e,a){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!a||"object"!=typeof a&&"function"!=typeof a?e:a},a=(function(e,a){if("function"!=typeof a&&null!==a)throw new TypeError("Super expression must either be null or a function, not "+typeof a);e.prototype=Object.create(a&&a.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),a&&(Object.setPrototypeOf?Object.setPrototypeOf(e,a):e.__proto__=a)}(s,e),a(s,[{key:"html",get:function(){return'\n<style>.element-invisible,.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:host{display:block}:host([hidden]){display:none}.pfe-navigation__dropdown{--pfe-icon--color:currentColor;display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;margin-left:auto;margin-right:auto;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);color:#151515;color:var(--pfe-navigation__dropdown--Color,#151515);background:#fff;background:var(--pfe-navigation__dropdown--Background,var(--pfe-theme--color--surface--lightest,#fff))}@supports (display:flex){.pfe-navigation__dropdown{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;gap:0}}@media (min-width:768px){.pfe-navigation__dropdown{padding:24px 64px;padding:24px var(--pfe-navigation__dropdown--full-width--spacing--desktop,64px)}@supports (display:grid){.pfe-navigation__dropdown{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px);grid-auto-flow:row;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}}}@media (min-width:1200px){.pfe-navigation__dropdown{padding:48px 32px}@supports (display:grid){.pfe-navigation__dropdown{-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;gap:0 var(--pfe-navigation--gutter,32px)}}}:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{display:block;width:calc(100% + 32px);max-width:1136px;max-width:var(--pfe-navigation--content-max-width,1136px);margin-left:-16px;margin-right:-16px;padding-top:12px;padding-bottom:12px;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto;gap:0;padding:24px;padding:var(--pfe-navigation__dropdown--full-width--spacing--mobile,24px);gap:0}@supports (display:flex){:host(.pfe-navigation--collapse-secondary-links) .pfe-navigation__dropdown{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}}.pfe-navigation__dropdown[class]{width:auto}.pfe-navigation__dropdown li,.pfe-navigation__dropdown ul{margin:0;padding:0;list-style:none}.pfe-navigation__dropdown a{display:inline-block;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c));border:1px solid transparent}.pfe-navigation__dropdown a:focus,.pfe-navigation__dropdown a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:underline}.pfe-navigation__dropdown a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown .pfe-link-list--header,.pfe-navigation__dropdown [role=heading][aria-heading-level],.pfe-navigation__dropdown h2,.pfe-navigation__dropdown h3,.pfe-navigation__dropdown h4,.pfe-navigation__dropdown h5,.pfe-navigation__dropdown h6{margin:32px 0 .75em;margin:var(--pfe-navigation--gutter,32px) 0 .75em;padding:0;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem);font-weight:400;color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646)}.pfe-navigation__dropdown .pfe-link-list--header:first-child,.pfe-navigation__dropdown [role=heading][aria-heading-level]:first-child,.pfe-navigation__dropdown h2:first-child,.pfe-navigation__dropdown h3:first-child,.pfe-navigation__dropdown h4:first-child,.pfe-navigation__dropdown h5:first-child,.pfe-navigation__dropdown h6:first-child{margin-top:0}.pfe-navigation__dropdown .pfe-link-list--header a,.pfe-navigation__dropdown [role=heading][aria-heading-level] a,.pfe-navigation__dropdown h2 a,.pfe-navigation__dropdown h3 a,.pfe-navigation__dropdown h4 a,.pfe-navigation__dropdown h5 a,.pfe-navigation__dropdown h6 a{color:#464646;color:var(--pfe-navigation__dropdown--headings--Color,#464646);border:1px solid transparent}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown .pfe-link-list--header a:hover,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:hover,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h2 a:hover,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h3 a:hover,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h4 a:hover,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h5 a:hover,.pfe-navigation__dropdown h6 a:focus,.pfe-navigation__dropdown h6 a:hover{text-decoration:underline;color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.pfe-navigation__dropdown .pfe-link-list--header a:focus,.pfe-navigation__dropdown [role=heading][aria-heading-level] a:focus,.pfe-navigation__dropdown h2 a:focus,.pfe-navigation__dropdown h3 a:focus,.pfe-navigation__dropdown h4 a:focus,.pfe-navigation__dropdown h5 a:focus,.pfe-navigation__dropdown h6 a:focus{border:1px dashed currentColor;border-top:1px dashed currentColor;outline:0}.pfe-navigation__dropdown li{margin:0 0 16px;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown a,.pfe-navigation__dropdown pfe-card,.pfe-navigation__dropdown pfe-cta{-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary],.pfe-navigation__dropdown pfe-cta[priority=primary]{--pfe-cta--BackgroundColor:#e00;--pfe-cta--BackgroundColor--hover:#c00;--pfe-theme--ui--border-width:0}.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[pfe-priority=primary]:hover,.pfe-navigation__dropdown pfe-cta[priority=primary]:focus,.pfe-navigation__dropdown pfe-cta[priority=primary]:hover{--pfe-cta--BackgroundColor:#c00}pfe-card .pfe-navigation__dropdown pfe-cta{margin-top:0}.user-info[class]{-webkit-box-ordinal-group:-9;-webkit-order:-10;-ms-flex-order:-10;order:-10;position:relative;min-height:64px;margin-bottom:24px;padding-left:76px;font-size:1.125rem;font-size:var(--pf-global--FontSize--lg,1.125rem)}@media (min-width:768px){.user-info[class]{margin-bottom:32px}@supports (display:grid){.user-info[class]{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}}:host(.pfe-navigation--collapse-secondary-links) .user-info[class]{margin-bottom:24px}.pfe-navigation-account--in-crusty-browser .user-info[class].style-scope{padding-left:76px!important}.user-info[class] pfe-avatar{position:absolute;top:0;left:0;width:64px;height:64px;border-radius:50%;overflow:hidden;background:rgba(122,122,122,.2)}.user-info__edit-avatar{position:relative;padding-left:24px;font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);text-decoration:none;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}.user-info__edit-avatar:focus,.user-info__edit-avatar:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036)}.user-info__edit-avatar pfe-icon{--pfe-icon--size:16px;position:absolute;top:50%;left:0;display:block;max-width:16px;max-height:16px;border:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.account-links{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem)}@supports (display:grid){.account-links{-ms-grid-row:2;grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media (min-width:768px){@supports (display:grid){.account-links{display:-ms-grid;display:grid;-ms-grid-columns:minmax(0,1fr) var(--pfe-navigation--gutter,32px) minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;gap:var(--pfe-navigation--gutter,32px);grid-auto-flow:row}}}:host(.pfe-navigation--collapse-secondary-links) .account-links{display:block}.account-links li{margin-bottom:.57143em;max-width:19.28571em}@media (min-width:768px){.account-links li{margin-bottom:1.5em}}:host(.pfe-navigation--collapse-secondary-links) .account-links li{margin-bottom:.57143em}.account-links[class] a{text-decoration:none}.account-links[class] a:focus,.account-links[class] a:hover{color:#036;color:var(--pfe-navigation__dropdown--link--Color--hover,#036);text-decoration:none}.account-links .account-link__title[class]{font-size:1.14286em;color:#06c;color:var(--pfe-navigation__dropdown--link--Color,var(--pfe-theme--color--link,#06c))}@media (min-width:768px){.account-links .account-link__title[class]{margin-bottom:8px}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__title[class]{margin-bottom:0}.account-links a:focus .account-link__title,.account-links a:hover .account-link__title{text-decoration:underline}.account-links .account-link__description{display:none;color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}@media (min-width:768px){.account-links .account-link__description{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-links .account-link__description{display:none}@media (min-width:768px){@supports (display:grid){.account-metadata{-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/span 2}}}.account-metadata--mobile{-webkit-box-ordinal-group:-4;-webkit-order:-5;-ms-flex-order:-5;order:-5;display:block;margin-bottom:24px}@media (min-width:768px){.account-metadata--mobile{display:none}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata--mobile{display:block}.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:none}@media (min-width:768px){.account-metadata__account-number,.account-metadata__email,.account-metadata__login-name,.account-metadata__org-admin,.account-metadata__organization{display:block}}:host(.pfe-navigation--collapse-secondary-links) .account-metadata__account-number,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__email,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__login-name,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__org-admin,:host(.pfe-navigation--collapse-secondary-links) .account-metadata__organization{display:none}.account-metadata--mobile .account-metadata__account-number,.account-metadata--mobile .account-metadata__email,.account-metadata--mobile .account-metadata__login-name,.account-metadata--mobile .account-metadata__org-admin,.account-metadata--mobile .account-metadata__organization{display:block}.account-metadata__login-name[class]{font-size:1rem;font-size:var(--pf-global--FontSize--md,1rem);margin-bottom:1.5em}.account-metadata--org-admin .account-metadata__login-name[class]{margin-bottom:.5em}.account-metadata__account-number[class],.account-metadata__org-admin[class],.account-metadata__organization[class]{font-size:.875rem;font-size:var(--pf-global--FontSize--sm,.875rem);color:#6a6e73;color:var(--pfe-navigation__dropdown--Color--secondary,var(--pfe-theme--color--text--muted,#6a6e73))}.account-metadata__org-admin{margin-bottom:1.71429em}.account-metadata__email[class]{margin-top:1.5em}.account-metadata__logout-wrapper{margin-top:3em;padding:3em 0 24px;border-top:1px solid #d2d2d2;border-top:var(--pfe-navigation__dropdown--separator--Border,1px solid var(--pfe-theme--color--ui--border--lighter,#d2d2d2))}.account-metadata__logout-wrapper[class] a{padding:.375em 1em;color:#fff;color:var(--pfe-navigation__dropdown--Color--on-highlight,var(--pfe-theme--color--text--on-dark,#fff));background:#06c;background:var(--pfe-navigation__dropdown--highlight-color,var(--pfe-theme--color--ui-accent,#06c));text-decoration:none;border-radius:3px} /*# sourceMappingURL=pfe-navigation-account.min.css.map */</style>\n<div>\n <div id="wrapper">\n </div>\n</div>'}},{key:"templateUrl",get:function(){return"pfe-navigation-account.html"}},{key:"styleUrl",get:function(){return"pfe-navigation-account.scss"}},{key:"userData",get:function(){return this.userData},set:function(e){this._processUserData(e)}}],[{key:"version",get:function(){return"1.0.34"}},{key:"tag",get:function(){return"pfe-navigation-account"}},{key:"meta",get:function(){return{title:"Navigation account",description:"Be awesome."}}},{key:"events",get:function(){return{shadowDomInteraction:"pfe-shadow-dom-event"}}},{key:"PfeType",get:function(){return e.PfeTypes.Content}},{key:"properties",get:function(){return{_lang:{title:"Language support",attr:"lang",type:String,default:"en"},loginLink:{title:"Login link",type:String},logoutLink:{title:"Logout link",type:String},avatarUrl:{title:"Avatar URL",type:String},fullName:{title:"Full name",type:String}}}}]),a(s,[{key:"connectedCallback",value:function(){i(s.prototype.__proto__||Object.getPrototypeOf(s.prototype),"connectedCallback",this).call(this),this.dropdownWrapper=this.shadowRoot.getElementById("wrapper");var e=document.querySelector("body");e.addEventListener("user-ready",this._processUserReady),e.addEventListener("user-update",this._processUserReady)}},{key:"disconnectedCallback",value:function(){var e=document.querySelector("body");e.removeEventListener("user-ready",this._processUserReady),e.removeEventListener("user-update",this._processUserReady),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction)}},{key:"_shadowDomInteraction",value:function(e){window.ShadyCSS&&!window.ShadyCSS.nativeShadow||this.emitEvent(s.events.shadowDomInteraction,{detail:{target:e.target,parent:this}})}},{key:"_createPfeAvatar",value:function(e,a){var t=document.createElement("pfe-avatar");return t.setAttribute("name",e),t.setAttribute("shape","circle"),"string"==typeof a&&t.setAttribute("src",a),t}},{key:"_getFullName",value:function(e){if("string"==typeof e.fullName)return e.fullName;var a="";return"string"==typeof e.firstName&&(a=e.firstName),(a="string"==typeof e.lastName?a.length?a+" "+e.lastName:e.lastName:a).length||this.error("Couldn't get full name"),this.setAttribute("full-name",a),a}},{key:"_updateAvatarSrc",value:function(e){var a,t=this;"undefined"!=typeof fetch&&(null===this._userData||"string"==typeof this._userData.REDHAT_LOGIN&&e!==this._userData.REDHAT_LOGIN)&&(a="//access.redhat.com/api/users/avatar/",document.domain.includes(".foo.")&&(a="/api/users/avatar/"),fetch(""+a+e).then(function(e){if("object"===(void 0===e?"undefined":n(e))&&"number"==typeof e.status&&200===e.status&&"string"==typeof e.url&&!e.url.includes("blank.png")){t.setAttribute("avatar-url",e.url);for(var a=0;a<t._avatarElements.length;a++)t._avatarElements[a].setAttribute("src",e.url)}}).catch(function(e){return t.warn(e)}))}},{key:"_createPfeIcon",value:function(e){var a=document.createElement("pfe-icon");return a.setAttribute("icon",e),a.setAttribute("size","sm"),a.setAttribute("aria-hidden","true"),a}},{key:"_createAccountMenuToggle",value:function(e){var a=this.shadowRoot.querySelector(".pfe-navigation__log-in-link"),t=document.createElement("button");t.classList.add("pfe-navigation__log-in-link","pfe-navigation__log-in-link--logged-in"),t.setAttribute("aria-label","Open user menu");e=this._createPfeAvatar(e);return t.append(e),t.id="account__toggle",a.parentElement.replaceChild(t,a),this._avatarElements.push(e),t}},{key:"_createAccountDropdown",value:function(e){var a=document.createElement("div");a.id="wrapper",a.classList.add("pfe-navigation__dropdown"),window.ShadyCSS&&!window.ShadyCSS.nativeShadow&&a.classList.add("pfe-navigation-account--in-crusty-browser");var t=document.createElement("h3"),n=this._getFullName(e),o=this._createPfeAvatar(n);t.classList.add("user-info"),this._avatarElements.push(o),o.classList.add("user-info__avatar");var i=document.createElement("div");i.classList.add("user-info__full-name"),i.innerText=n;var r=document.createElement("a");r.setAttribute("href","https://access.redhat.com/user/edit"),r.classList.add("user-info__edit-avatar"),r.innerText=this._navTranslations[this._lang].avatarEdit,r.dataset.analyticsText=this._navTranslations.en.avatarEdit,x.addIconSet("fa","//access.redhat.com/webassets/avalon/j/lib/patternfly-icons",function(e,a,t){return t+"/"+e+".svg"}),r.prepend(this._createPfeIcon("fa-pencil-alt")),t.append(o),t.append(i),t.append(r);var s=[[{text:this._navTranslations[this._lang].accountDetails,url:"https://www.redhat.com/wapps/ugc/protected/personalInfo.html",description:this._navTranslations[this._lang].accountDetailsDesc,data:{analyticsText:this._navTranslations.en.accountDetails}},{text:this._navTranslations[this._lang].profile,url:"https://access.redhat.com/user",description:this._navTranslations[this._lang].profileDesc,data:{analyticsText:this._navTranslations.en.profile}},{text:this._navTranslations[this._lang].training,url:"https://rol.redhat.com/rol/app/",description:this._navTranslations[this._lang].trainingDesc,data:{analyticsText:this._navTranslations.en.training}}],[{text:this._navTranslations[this._lang].subscriptions,url:"https://access.redhat.com/management",description:this._navTranslations[this._lang].subscriptionsDesc,data:{analyticsText:this._navTranslations.en.subscriptions},requiresRole:"portal_manage_subscriptions"},{text:this._navTranslations[this._lang].accountTeam,url:"https://access.redhat.com/account-team",description:this._navTranslations[this._lang].accountTeamDesc,data:{analyticsText:this._navTranslations.en.accountTeam}},{text:this._navTranslations[this._lang].userManagement,url:"https://www.redhat.com/wapps/ugc/protected/usermgt/userList.html",description:this._navTranslations[this._lang].userManagementDesc,data:{analyticsText:this._navTranslations.en.userManagement},requiresRole:"admin:org:all"},{text:this._navTranslations[this._lang].support,url:"https://access.redhat.com/support/cases/#/troubleshoot/",description:this._navTranslations[this._lang].supportDesc,data:{analyticsText:this._navTranslations.en.support}}]],c=document.createElement("div");c.classList.add("account-links"),c.setAttribute("aria-label","Account managemement");for(var d=0;d<s.length;d++){var l=s[d],p=document.createElement("ul");p.classList.add("account-links__column");for(var u=0;u<l.length;u++){var m=l[u],f=!0;if(void 0!==m.requiresRole&&(e.realm_access.roles.includes(m.requiresRole)||(f=!1)),f){var f=document.createElement("li"),g=document.createElement("a");g.setAttribute("href",m.url);for(var _=Object.keys(m.data),v=0;v<_.length;v++){var h=_[v],b=m.data[h];g.dataset[h]=b}g.innerHTML='\n <div class="account-link__title">\n '+m.text+"\n </div>",m.description&&(g.innerHTML=g.innerHTML+'\n <div class="account-link__description">\n '+m.description+"\n </div>"),f.append(g),p.append(f)}}c.append(p)}var w=document.createElement("div");w.classList.add("account-metadata");var y=document.createElement("h3");y.classList.add("account-metadata__login-name"),y.innerText=this._navTranslations[this._lang].login+": "+e.REDHAT_LOGIN;n=document.createElement("div");n.classList.add("account-metadata__account-number"),n.innerText="Account number: "+e.account_number;o=document.createElement("div");o.classList.add("account-metadata__email"),o.innerText=e.email;i=document.createElement("div");i.classList.add("account-metadata__logout-wrapper");r=document.createElement("a");this.hasAttribute("logout-link")?(r.setAttribute("href",this.logoutLink),r.classList.add("a11y-logout-link")):this.error("Couldn't get logout link"),r.hasAttribute("href")&&(r.innerText=this._navTranslations[this._lang].logout,r.dataset.analyticsText=this._navTranslations.en.logout,i.append(r)),w.append(y),e.realm_access.roles.includes("admin:org:all")&&((y=document.createElement("div")).classList.add("account-metadata__org-admin"),y.innerText=this._navTranslations[this._lang].orgAdmin,w.classList.add("account-metadata--org-admin"),w.append(y)),w.append(n),w.append(o);o=w.cloneNode(!0);return o.classList.add("account-metadata--mobile"),w.append(i),a.append(t),a.append(o),a.append(c),a.append(w),a.addEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.removeEventListener("click",this._shadowDomInteraction),this.dropdownWrapper.parentElement.replaceChild(a,this.dropdownWrapper),this.dropdownWrapper=a}},{key:"_processUserData",value:function(e){e.fullName=this._getFullName(e),this.fullName!==e.fullName&&this.setAttribute("full-name",e.fullName),null===this._userData&&this._createAccountDropdown(e),"string"==typeof e.REDHAT_LOGIN?this._updateAvatarSrc(e.REDHAT_LOGIN):this.error("Could not find Red Hat Login"),this._userData=e}},{key:"_processUserReady",value:function(e){e=e.target.user;"object"===(void 0===e?"undefined":n(e))&&this._processUserData(e)}}]),s);function s(){t(this,s);var e=r(this,(s.__proto__||Object.getPrototypeOf(s)).call(this,s,{type:s.PfeType}));return e._userData=null,e._avatarElements=[],e._navTranslations={en:{accountDetails:"Account details",accountDetailsDesc:"Edit your contact info, password, location preferences, and errata notifications.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Get help from your Red Hat account team.",avatarEdit:"Edit Avatar",login:"Login",logout:"Log out",orgAdmin:"Organization administrator",profile:"Community profile",profileDesc:"Fill out your public profile and control what content you follow.",subscriptions:"Subscriptions",subscriptionsDesc:"Manage your subscriptions.",support:"Support",supportDesc:"Get support for your Red Hat products.",training:"Training & certification",trainingDesc:"Access your Red Hat Learning Subscription, courses, and exams.",userManagement:"User management",userManagementDesc:"Manage users in your organization."},ja:{accountDetails:"アカウント情報",accountDetailsDesc:"連絡先情報、パスワード、地域、エラータ通知の設定を編集できます。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"担当の Red Hat アカウントチームからサポートを受けられます。",avatarEdit:"アバターを編集する",login:"ログイン",logout:"ログアウト",orgAdmin:"組織管理者",profile:"コミュニティプロフィール",profileDesc:"公開プロフィールの入力と、フォローするコンテンツの管理を行えます。",subscriptions:"サブスクリプション",subscriptionsDesc:"サブスクリプションを管理できます。",support:"サポート",supportDesc:"Red Hat 製品のサポートを受けられます。",training:"トレーニングと認定資格",trainingDesc:"Red Hat ラーニングサブスクリプション、コース、試験にアクセスできます。",userManagement:"ユーザー管理",userManagementDesc:"組織内のユーザーを管理できます。"},ko:{accountDetails:"계정 정보",accountDetailsDesc:"연락처 정보, 비밀번호, 위치 기본 설정 및 정오표 알림을 선택하세요.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Red Hat 어카운트 팀의 도움을 받으세요.",avatarEdit:"아바타 편집",login:"로그인",logout:"로그아웃",orgAdmin:"기업 관리자",profile:"커뮤니티 프로필",profileDesc:"공개 프로필을 작성하고 관심있는 콘텐츠를 선택하세요.",subscriptions:"서브스크립션",subscriptionsDesc:"서브스크립션을 관리하세요.",support:"지원",supportDesc:"Red Hat 제품에 대한 지원을 받으세요.",training:"교육 및 자격증",trainingDesc:"Red Hat 교육 서브스크립션, 교육 과정, 시험에 액세스하세요.",userManagement:"사용자 관리",userManagementDesc:"귀하의 비즈니스 사용자를 관리하세요."},zh:{accountDetails:"账户详情",accountDetailsDesc:"编辑您的联系信息、密码、位置首选项和勘误通知。",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"从您的红帽客户团队获取帮助。",avatarEdit:"编辑头像",login:"登录",logout:"退出",orgAdmin:"机构管理员",profile:"社区个人资料",profileDesc:"填写您的个人公开资料,选择想要关注的内容。",subscriptions:"订阅管理",subscriptionsDesc:"管理您的订阅。",support:"服务支持",supportDesc:"获取红帽产品支持。",training:"培训与认证",trainingDesc:"访问您的红帽培训订阅、课程和考试。",userManagement:"用户管理",userManagementDesc:"管理您企业中的用户。"},de:{accountDetails:"Kontodaten",accountDetailsDesc:"Kontaktdaten, Passwort, Standortpräferenzen und Errata-Benachrichtigungen bearbeiten.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Unterstützung von Ihrem Red Hat Account Team erhalten.",avatarEdit:"Avatar ändern",login:"Anmelden",logout:"Abmelden",orgAdmin:"Organisationsadministrator",profile:"Community-Profil",profileDesc:"Öffentliches Profil erstellen und bestimmen, welchen Inhalten Sie folgen.",subscriptions:"Subskriptionen",subscriptionsDesc:"Ihre Subskriptionen verwalten.",support:"Support",supportDesc:"Unterstützung für Ihre Red Hat Produkte erhalten.",training:"Training und Zertifizierung",trainingDesc:"Auf Ihre Red Hat Learning Subscription, Kurse und Prüfungen zugreifen.",userManagement:"Benutzerverwaltung",userManagementDesc:"Benutzer in Ihrer Organisation verwalten."},fr:{accountDetails:"Détails de mon compte",accountDetailsDesc:"Modifiez vos coordonnées, votre mot de passe, votre localisation et les notifications sur les correctifs.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Demandez de l'aide à votre équipe Red Hat.",avatarEdit:"Modifiez votre avatar",login:"Connexion",logout:"Déconnexion",orgAdmin:"Administrateur d'entreprise",profile:"Profil communauté",profileDesc:"Créez votre profil public et choisissez le contenu qui vous intéresse.",subscriptions:"Souscriptions",subscriptionsDesc:"Gérez vos souscriptions.",support:"Assistance",supportDesc:"Obtenez de l'aide sur vos produits Red Hat.",training:"Formations et certifications",trainingDesc:"Accédez à votre souscription Red Hat Learning et à nos cours et examens.",userManagement:"Gestion des utilisateurs",userManagementDesc:"Gérez les utilisateurs de votre entreprise."},it:{accountDetails:"Il mio account",accountDetailsDesc:"Modifica le tue modalità di contatto, di notifica delle correzioni, password e posizione.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Chiedi aiuto al tuo team di Red Hat dedicato.",avatarEdit:"Modifica avatar",login:"Accedi",logout:"Esegui il log out",orgAdmin:"Amministratore organizzazione",profile:"Profilo community",profileDesc:"Compila il tuo profilo pubblico e scegli i contenuti su cui ricevere aggiornamenti.",subscriptions:"Sottoscrizioni",subscriptionsDesc:"Gestisci le tue sottoscrizioni.",support:"Supporto",supportDesc:"Richiedi assistenza per i tuoi prodotti Red Hat. ",training:"Formazione e certificazione",trainingDesc:"Accedi alla tua Red Hat Learning Subscription, ai corsi e agli esami.",userManagement:"Gestione utenti",userManagementDesc:"Gestisci gli utenti della tua organizzazione."},es:{accountDetails:"Información de la cuenta",accountDetailsDesc:"Modifique su información de contacto, su contraseña, sus preferencias de ubicación y sus notificaciones de errores.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenga asistencia del equipo de cuentas de Red Hat.",avatarEdit:"Modifique su avatar",login:"Iniciar sesión",logout:"Cerrar sesión",orgAdmin:"Administrador de la empresa",profile:"Perfil público",profileDesc:"Cree su perfil público y elija el contenido que le interese seguir.",subscriptions:"Suscripciones",subscriptionsDesc:"Gestione sus suscripciones.",support:"Soporte",supportDesc:"Obtenga asistencia sobre los productos de Red Hat.",training:"Capacitación y certificación",trainingDesc:"Acceda a la Red Hat Learning Subscription, los cursos y los exámenes.",userManagement:"Gestión de usuarios",userManagementDesc:"Gestione las cuentas de usuario de su empresa."},pt:{accountDetails:"Informações sobre a conta",accountDetailsDesc:"Edite suas informações de contato, senha, preferências de localização e notificações de errata.",accountNumber:"Account number",accountTeam:"Account team",accountTeamDesc:"Obtenha ajuda do seu time de contas da Red Hat.",avatarEdit:"Editar avatar",login:"Login",logout:"Sair",orgAdmin:"Administrador da organização",profile:"Perfil da comunidade",profileDesc:"Complete seu perfil público e controle o conteúdo que você quer seguir.",subscriptions:"Subscrições",subscriptionsDesc:"Gerencie suas subscrições.",support:"Suporte",supportDesc:"Obtenha suporte para suas soluções Red Hat.",training:"Treinamento e certificação",trainingDesc:"Acesse sua conta no Red Hat Learning Subscription e veja seus cursos e exames.",userManagement:"Gerenciamento de usuários",userManagementDesc:"Gerencie os usuários da sua organização."}},e._updateAvatarSrc=e._updateAvatarSrc.bind(e),e._createAccountDropdown=e._createAccountDropdown.bind(e),e._processUserReady=e._processUserReady.bind(e),e._processUserData=e._processUserData.bind(e),e._shadowDomInteraction=e._shadowDomInteraction.bind(e),e}return e.create(a),a}); | ||
//# sourceMappingURL=pfe-navigation-account.umd.min.js.map |
@@ -14,3 +14,3 @@ { | ||
}, | ||
"version": "1.0.33", | ||
"version": "1.0.34", | ||
"keywords": [ | ||
@@ -17,0 +17,0 @@ "web-components", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
465647
1866