{
  "version": 3,
  "sources": ["../../node_modules/@patternfly/patternfly/components/Avatar/avatar.css", "../../src/flow/FormStatic.ts"],
  "sourcesContent": [".pf-c-avatar {\n  --pf-c-avatar--BorderColor: transparent;\n  --pf-c-avatar--BorderWidth: 0;\n  --pf-c-avatar--BorderRadius: var(--pf-global--BorderRadius--lg);\n  --pf-c-avatar--Width: 2.25rem;\n  --pf-c-avatar--Height: 2.25rem;\n  --pf-c-avatar--m-sm--Width: 1.5rem;\n  --pf-c-avatar--m-sm--Height: 1.5rem;\n  --pf-c-avatar--m-md--Width: 2.25rem;\n  --pf-c-avatar--m-md--Height: 2.25rem;\n  --pf-c-avatar--m-lg--Width: 4.5rem;\n  --pf-c-avatar--m-lg--Height: 4.5rem;\n  --pf-c-avatar--m-xl--Width: 8rem;\n  --pf-c-avatar--m-xl--Height: 8rem;\n  --pf-c-avatar--m-light--BorderColor: var(--pf-global--BorderColor--dark-100);\n  --pf-c-avatar--m-light--BorderWidth: var(--pf-global--BorderWidth--sm);\n  --pf-c-avatar--m-dark--BorderColor: var(--pf-global--palette--black-700);\n  --pf-c-avatar--m-dark--BorderWidth: var(--pf-global--BorderWidth--sm);\n  width: var(--pf-c-avatar--Width);\n  height: var(--pf-c-avatar--Height);\n  border: var(--pf-c-avatar--BorderWidth) solid var(--pf-c-avatar--BorderColor);\n  border-radius: var(--pf-c-avatar--BorderRadius);\n}\n.pf-c-avatar.pf-m-light {\n  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-light--BorderColor);\n  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-light--BorderWidth);\n}\n.pf-c-avatar.pf-m-dark {\n  --pf-c-avatar--BorderColor: var(--pf-c-avatar--m-dark--BorderColor);\n  --pf-c-avatar--BorderWidth: var(--pf-c-avatar--m-dark--BorderWidth);\n}\n.pf-c-avatar.pf-m-sm {\n  --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width);\n  --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height);\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-sm--Width-on-2xl, var(--pf-c-avatar--m-sm--Width-on-xl, var(--pf-c-avatar--m-sm--Width-on-lg, var(--pf-c-avatar--m-sm--Width-on-md, var(--pf-c-avatar--m-sm--Width-on-sm, var(--pf-c-avatar--m-sm--Width))))));\n  }\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-sm {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-sm--Height-on-2xl, var(--pf-c-avatar--m-sm--Height-on-xl, var(--pf-c-avatar--m-sm--Height-on-lg, var(--pf-c-avatar--m-sm--Height-on-md, var(--pf-c-avatar--m-sm--Height-on-sm, var(--pf-c-avatar--m-sm--Height))))));\n  }\n}\n.pf-c-avatar.pf-m-md {\n  --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width);\n  --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height);\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-md--Width-on-2xl, var(--pf-c-avatar--m-md--Width-on-xl, var(--pf-c-avatar--m-md--Width-on-lg, var(--pf-c-avatar--m-md--Width-on-md, var(--pf-c-avatar--m-md--Width-on-sm, var(--pf-c-avatar--m-md--Width))))));\n  }\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-md {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-md--Height-on-2xl, var(--pf-c-avatar--m-md--Height-on-xl, var(--pf-c-avatar--m-md--Height-on-lg, var(--pf-c-avatar--m-md--Height-on-md, var(--pf-c-avatar--m-md--Height-on-sm, var(--pf-c-avatar--m-md--Height))))));\n  }\n}\n.pf-c-avatar.pf-m-lg {\n  --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width);\n  --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height);\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-lg--Width-on-2xl, var(--pf-c-avatar--m-lg--Width-on-xl, var(--pf-c-avatar--m-lg--Width-on-lg, var(--pf-c-avatar--m-lg--Width-on-md, var(--pf-c-avatar--m-lg--Width-on-sm, var(--pf-c-avatar--m-lg--Width))))));\n  }\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-lg {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-lg--Height-on-2xl, var(--pf-c-avatar--m-lg--Height-on-xl, var(--pf-c-avatar--m-lg--Height-on-lg, var(--pf-c-avatar--m-lg--Height-on-md, var(--pf-c-avatar--m-lg--Height-on-sm, var(--pf-c-avatar--m-lg--Height))))));\n  }\n}\n.pf-c-avatar.pf-m-xl {\n  --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width);\n  --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height);\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Width: var(--pf-c-avatar--m-xl--Width-on-2xl, var(--pf-c-avatar--m-xl--Width-on-xl, var(--pf-c-avatar--m-xl--Width-on-lg, var(--pf-c-avatar--m-xl--Width-on-md, var(--pf-c-avatar--m-xl--Width-on-sm, var(--pf-c-avatar--m-xl--Width))))));\n  }\n}\n@media (min-width: 576px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height));\n  }\n}\n@media (min-width: 768px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)));\n  }\n}\n@media (min-width: 992px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))));\n  }\n}\n@media (min-width: 1200px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height)))));\n  }\n}\n@media (min-width: 1450px) {\n  .pf-c-avatar.pf-m-xl {\n    --pf-c-avatar--Height: var(--pf-c-avatar--m-xl--Height-on-2xl, var(--pf-c-avatar--m-xl--Height-on-xl, var(--pf-c-avatar--m-xl--Height-on-lg, var(--pf-c-avatar--m-xl--Height-on-md, var(--pf-c-avatar--m-xl--Height-on-sm, var(--pf-c-avatar--m-xl--Height))))));\n  }\n}", "import { AKElement } from \"@goauthentik/elements/Base\";\n\nimport { msg } from \"@lit/localize\";\nimport { CSSResult, TemplateResult, css, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\n\nimport PFAvatar from \"@patternfly/patternfly/components/Avatar/avatar.css\";\n\n@customElement(\"ak-form-static\")\nexport class FormStatic extends AKElement {\n    @property()\n    userAvatar?: string;\n\n    @property()\n    user?: string;\n\n    static get styles(): CSSResult[] {\n        return [\n            PFAvatar,\n            css`\n                /* Form with user */\n                .form-control-static {\n                    margin-top: var(--pf-global--spacer--sm);\n                    display: flex;\n                    align-items: center;\n                    justify-content: space-between;\n                }\n                .form-control-static .avatar {\n                    display: flex;\n                    align-items: center;\n                }\n                .form-control-static img {\n                    margin-right: var(--pf-global--spacer--xs);\n                }\n                .form-control-static a {\n                    padding-top: var(--pf-global--spacer--xs);\n                    padding-bottom: var(--pf-global--spacer--xs);\n                    line-height: var(--pf-global--spacer--xl);\n                }\n            `,\n        ];\n    }\n\n    render(): TemplateResult {\n        if (!this.user) {\n            return html``;\n        }\n        return html`\n            <div class=\"form-control-static\">\n                <div class=\"avatar\">\n                    <img\n                        class=\"pf-c-avatar\"\n                        src=\"${ifDefined(this.userAvatar)}\"\n                        alt=\"${msg(\"User's avatar\")}\"\n                    />\n                    ${this.user}\n                </div>\n                <slot name=\"link\"></slot>\n            </div>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        \"ak-form-static\": FormStatic;\n    }\n}\n"],
  "mappings": "4LAAA,IAAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;GCUO,IAAMC,EAAN,cAAyBC,CAAU,CAOtC,WAAW,QAAsB,CAC7B,MAAO,CACHC,EACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAqBJ,CACJ,CAEA,QAAyB,CACrB,OAAK,KAAK,KAGHC;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKgBC,EAAU,KAAK,UAAU,CAAC;AAAA,+BAC1BC,EAAI,eAAe,CAAC;AAAA;AAAA,sBAE7B,KAAK,IAAI;AAAA;AAAA;AAAA;AAAA,UAVZF,GAef,CACJ,EAlDIG,EAAA,CADCC,EAAS,GADDR,EAET,0BAGAO,EAAA,CADCC,EAAS,GAJDR,EAKT,oBALSA,EAANO,EAAA,CADNE,EAAc,gBAAgB,GAClBT",
  "names": ["avatar_default", "FormStatic", "AKElement", "avatar_default", "i", "ke", "to", "msg", "__decorateClass", "n", "t"]
}