{ "version": 3, "sources": ["../../node_modules/@patternfly/patternfly/components/Spinner/spinner.css", "../../src/elements/Spinner.ts", "../../node_modules/@patternfly/patternfly/components/EmptyState/empty-state.css", "../../src/elements/EmptyState.ts"], "sourcesContent": [".pf-c-spinner {\n --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);\n --pf-c-spinner--Width: var(--pf-c-spinner--diameter);\n --pf-c-spinner--Height: var(--pf-c-spinner--diameter);\n --pf-c-spinner--Color: var(--pf-global--primary-color--100);\n --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);\n --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);\n --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);\n --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);\n --pf-c-spinner--m-inline--diameter: 1em;\n width: var(--pf-c-spinner--Width);\n height: var(--pf-c-spinner--Height);\n overflow: hidden;\n}\n.pf-c-spinner.pf-m-inline {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);\n}\n.pf-c-spinner.pf-m-sm {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);\n}\n.pf-c-spinner.pf-m-md {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);\n}\n.pf-c-spinner.pf-m-lg {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);\n}\n.pf-c-spinner.pf-m-xl {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);\n}\n\nspan.pf-c-spinner {\n --pf-c-spinner--AnimationDuration: 1.5s;\n --pf-c-spinner--AnimationTimingFunction: cubic-bezier(.77, .005, .315, 1);\n --pf-c-spinner--stroke-width-multiplier: .1;\n --pf-c-spinner--stroke-width: calc(var(--pf-c-spinner--diameter) * var(--pf-c-spinner--stroke-width-multiplier));\n --pf-c-spinner__clipper--Width: var(--pf-c-spinner--diameter);\n --pf-c-spinner__clipper--Height: var(--pf-c-spinner--diameter);\n --pf-c-spinner__clipper--after--BoxShadowColor: var(--pf-c-spinner--Color);\n --pf-c-spinner__clipper--after--Width: var(--pf-c-spinner--diameter);\n --pf-c-spinner__clipper--after--Height: var(--pf-c-spinner--diameter);\n --pf-c-spinner__clipper--after--BoxShadowSpreadRadius: var(--pf-c-spinner--stroke-width);\n --pf-c-spinner__lead-ball--after--BackgroundColor: var(--pf-c-spinner--Color);\n --pf-c-spinner__ball--after--Width: var(--pf-c-spinner--stroke-width);\n --pf-c-spinner__ball--after--Height: var(--pf-c-spinner--stroke-width);\n --pf-c-spinner__tail-ball--after--BackgroundColor: var(--pf-c-spinner--Color);\n position: relative;\n display: inline-block;\n text-align: left;\n animation: pf-animation-spinner-parent calc(var(--pf-c-spinner--AnimationDuration) * 2) var(--pf-c-spinner--AnimationTimingFunction) infinite;\n}\n\n@keyframes pf-animation-spinner-parent {\n 0% {\n transform: rotate(0deg);\n }\n 50% {\n transform: rotate(540deg);\n }\n 100% {\n transform: rotate(1080deg);\n }\n}\n.pf-c-spinner__clipper {\n position: absolute;\n width: var(--pf-c-spinner__clipper--Width);\n height: var(--pf-c-spinner__clipper--Height);\n clip-path: inset(0 0 50% 50%);\n animation: pf-animation-spinner__clipper var(--pf-c-spinner--AnimationDuration) linear infinite;\n}\n\n@keyframes pf-animation-spinner__clipper {\n 0% {\n transform: rotate(90deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.pf-c-spinner__clipper::after {\n position: absolute;\n width: var(--pf-c-spinner__clipper--after--Width);\n height: var(--pf-c-spinner__clipper--after--Height);\n clip-path: inset(0 0 0 50%);\n content: \"\";\n border-radius: 50%;\n box-shadow: inset 0 0 0 var(--pf-c-spinner__clipper--after--BoxShadowSpreadRadius) var(--pf-c-spinner__clipper--after--BoxShadowColor);\n animation: pf-animation-spinner__clipper-after var(--pf-c-spinner--AnimationDuration) linear infinite;\n}\n\n@keyframes pf-animation-spinner__clipper-after {\n 0% {\n transform: rotate(-180deg);\n }\n 100% {\n transform: rotate(90deg);\n }\n}\n.pf-c-spinner__lead-ball {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n animation: pf-animation-spinner__lead-ball var(--pf-c-spinner--AnimationDuration) linear infinite;\n}\n.pf-c-spinner__lead-ball::after {\n position: absolute;\n top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);\n right: 0;\n width: var(--pf-c-spinner__ball--after--Width);\n height: var(--pf-c-spinner__ball--after--Height);\n content: \"\";\n background-color: var(--pf-c-spinner__lead-ball--after--BackgroundColor);\n border-radius: 50%;\n transform-origin: top right;\n}\n\n@keyframes pf-animation-spinner__lead-ball {\n 0% {\n transform: rotate(0deg);\n }\n 33% {\n transform: rotate(180deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n.pf-c-spinner__tail-ball {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n animation: pf-animation-spinner__tail-ball var(--pf-c-spinner--AnimationDuration) linear infinite;\n}\n.pf-c-spinner__tail-ball::after {\n position: absolute;\n top: calc(50% - var(--pf-c-spinner__ball--after--Height) / 2);\n right: 0;\n width: var(--pf-c-spinner__ball--after--Width);\n height: var(--pf-c-spinner__ball--after--Height);\n content: \"\";\n background-color: var(--pf-c-spinner__tail-ball--after--BackgroundColor);\n border-radius: 50%;\n transform-origin: top right;\n}\n\n@keyframes pf-animation-spinner__tail-ball {\n 0% {\n transform: rotate(0deg);\n }\n 66% {\n transform: rotate(180deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\nsvg.pf-c-spinner {\n --pf-c-spinner--diameter: var(--pf-global--icon--FontSize--xl);\n --pf-c-spinner--AnimationDuration: 1.4s;\n --pf-c-spinner--AnimationTimingFunction: linear;\n --pf-c-spinner--stroke-width: 10;\n --pf-c-spinner__path--Stroke: var(--pf-c-spinner--Color);\n --pf-c-spinner__path--StrokeWidth: var(--pf-c-spinner--stroke-width);\n --pf-c-spinner__path--AnimationTimingFunction: ease-in-out;\n --pf-c-spinner--m-sm--diameter: var(--pf-global--icon--FontSize--sm);\n --pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);\n --pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);\n --pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);\n animation: pf-c-spinner-animation-rotate calc(var(--pf-c-spinner--AnimationDuration) * 2) var(--pf-c-spinner--AnimationTimingFunction) infinite;\n}\nsvg.pf-c-spinner.pf-m-sm {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);\n}\nsvg.pf-c-spinner.pf-m-md {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-md--diameter);\n}\nsvg.pf-c-spinner.pf-m-lg {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-lg--diameter);\n}\nsvg.pf-c-spinner.pf-m-xl {\n --pf-c-spinner--diameter: var(--pf-c-spinner--m-xl--diameter);\n}\n\n.pf-c-spinner__path {\n width: 100%;\n height: 100%;\n transform-origin: 50% 50%;\n animation: pf-c-spinner-animation-dash var(--pf-c-spinner--AnimationDuration) var(--pf-c-spinner__path--AnimationTimingFunction) infinite;\n stroke: var(--pf-c-spinner--Color);\n stroke-linecap: round;\n stroke-dasharray: 283;\n stroke-dashoffset: 280;\n stroke-width: var(--pf-c-spinner--stroke-width);\n}\n\n@keyframes pf-c-spinner-animation-rotate {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes pf-c-spinner-animation-dash {\n 0% {\n stroke-dashoffset: 280;\n transform: rotate(0);\n }\n 15% {\n stroke-width: calc(var(--pf-c-spinner__path--StrokeWidth) - 4);\n }\n 40% {\n stroke-dashoffset: 150;\n stroke-dasharray: 220;\n }\n 100% {\n stroke-dashoffset: 280;\n transform: rotate(720deg);\n }\n}", "import { PFSize } from \"@goauthentik/common/enums.js\";\nimport { AKElement } from \"@goauthentik/elements/Base\";\n\nimport { msg } from \"@lit/localize\";\nimport { CSSResult, TemplateResult, html } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nimport PFSpinner from \"@patternfly/patternfly/components/Spinner/spinner.css\";\n\n@customElement(\"ak-spinner\")\nexport class Spinner extends AKElement {\n @property()\n size: PFSize = PFSize.Medium;\n\n static get styles(): CSSResult[] {\n return [PFSpinner];\n }\n\n render(): TemplateResult {\n return html`\n \n \n \n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"ak-spinner\": Spinner;\n }\n}\n", ".pf-c-empty-state {\n --pf-c-empty-state--PaddingTop: var(--pf-global--spacer--xl);\n --pf-c-empty-state--PaddingRight: var(--pf-global--spacer--xl);\n --pf-c-empty-state--PaddingBottom: var(--pf-global--spacer--xl);\n --pf-c-empty-state--PaddingLeft: var(--pf-global--spacer--xl);\n --pf-c-empty-state__content--MaxWidth: none;\n --pf-c-empty-state__icon--MarginBottom: var(--pf-global--spacer--lg);\n --pf-c-empty-state__icon--FontSize: var(--pf-global--icon--FontSize--xl);\n --pf-c-empty-state__icon--Color: var(--pf-global--icon--Color--light);\n --pf-c-empty-state__content--c-title--m-lg--FontSize: var(--pf-global--FontSize--xl);\n --pf-c-empty-state__body--MarginTop: var(--pf-global--spacer--md);\n --pf-c-empty-state__body--Color: var(--pf-global--Color--200);\n --pf-c-empty-state__primary--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-empty-state__primary--secondary--MarginTop: var(--pf-global--spacer--sm);\n --pf-c-empty-state__secondary--MarginTop: var(--pf-global--spacer--xl);\n --pf-c-empty-state__secondary--MarginBottom: calc(var(--pf-global--spacer--xs) * -1);\n --pf-c-empty-state__secondary--child--MarginRight: calc(var(--pf-global--spacer--xs) / 2);\n --pf-c-empty-state__secondary--child--MarginBottom: var(--pf-global--spacer--xs);\n --pf-c-empty-state__secondary--child--MarginLeft: calc(var(--pf-global--spacer--xs) / 2);\n --pf-c-empty-state--m-xs__content--MaxWidth: 21.875rem;\n --pf-c-empty-state--m-xs__body--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-empty-state--m-xs--button--FontSize: var(--pf-global--FontSize--sm);\n --pf-c-empty-state--m-xs--PaddingTop: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs--PaddingRight: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs--PaddingBottom: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs--PaddingLeft: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs__icon--MarginBottom: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs__body--MarginTop: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs__primary--MarginTop: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-xs__secondary--MarginTop: var(--pf-global--spacer--md);\n --pf-c-empty-state--m-sm__content--MaxWidth: 25rem;\n --pf-c-empty-state--m-lg__content--MaxWidth: 37.5rem;\n --pf-c-empty-state--m-xl__body--FontSize: var(--pf-global--FontSize--xl);\n --pf-c-empty-state--m-xl__body--MarginTop: var(--pf-global--spacer--lg);\n --pf-c-empty-state--m-xl__icon--MarginBottom: var(--pf-global--spacer--xl);\n --pf-c-empty-state--m-xl__icon--FontSize: 6.25rem;\n --pf-c-empty-state--m-xl--c-button__secondary--MarginTop: var(--pf-global--spacer--md);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--pf-c-empty-state--PaddingTop) var(--pf-c-empty-state--PaddingRight) var(--pf-c-empty-state--PaddingBottom) var(--pf-c-empty-state--PaddingLeft);\n text-align: center;\n}\n.pf-c-empty-state.pf-m-xs {\n --pf-c-empty-state--PaddingTop: var(--pf-c-empty-state--m-xs--PaddingTop);\n --pf-c-empty-state--PaddingRight: var(--pf-c-empty-state--m-xs--PaddingRight);\n --pf-c-empty-state--PaddingBottom: var(--pf-c-empty-state--m-xs--PaddingBottom);\n --pf-c-empty-state--PaddingLeft: var(--pf-c-empty-state--m-xs--PaddingLeft);\n --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-xs__content--MaxWidth);\n --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xs__icon--MarginBottom);\n --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xs__body--MarginTop);\n --pf-c-empty-state__primary--MarginTop: var(--pf-c-empty-state--m-xs__primary--MarginTop);\n --pf-c-empty-state__secondary--MarginTop: var(--pf-c-empty-state--m-xs__secondary--MarginTop);\n}\n.pf-c-empty-state.pf-m-xs .pf-c-empty-state__body {\n font-size: var(--pf-c-empty-state--m-xs__body--FontSize);\n}\n.pf-c-empty-state.pf-m-xs .pf-c-button {\n --pf-c-button--FontSize: var(--pf-c-empty-state--m-xs--button--FontSize);\n}\n.pf-c-empty-state.pf-m-sm {\n --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-sm__content--MaxWidth);\n}\n.pf-c-empty-state.pf-m-lg {\n --pf-c-empty-state__content--MaxWidth: var(--pf-c-empty-state--m-lg__content--MaxWidth);\n}\n.pf-c-empty-state.pf-m-xl {\n --pf-c-empty-state__body--MarginTop: var(--pf-c-empty-state--m-xl__body--MarginTop);\n --pf-c-empty-state__icon--MarginBottom: var(--pf-c-empty-state--m-xl__icon--MarginBottom);\n --pf-c-empty-state__icon--FontSize: var(--pf-c-empty-state--m-xl__icon--FontSize);\n --pf-c-empty-state--c-button__secondary--MarginTop: var(--pf-c-empty-state--m-xl--c-button__secondary--MarginTop);\n}\n.pf-c-empty-state.pf-m-xl .pf-c-empty-state__body {\n font-size: var(--pf-c-empty-state--m-xl__body--FontSize);\n}\n.pf-c-empty-state.pf-m-full-height {\n height: 100%;\n}\n\n.pf-c-empty-state__content {\n max-width: var(--pf-c-empty-state__content--MaxWidth);\n}\n.pf-c-empty-state__content > .pf-c-title.pf-m-lg {\n font-size: var(--pf-c-empty-state__content--c-title--m-lg--FontSize);\n}\n\n.pf-c-empty-state__icon {\n margin-bottom: var(--pf-c-empty-state__icon--MarginBottom);\n font-size: var(--pf-c-empty-state__icon--FontSize);\n color: var(--pf-c-empty-state__icon--Color);\n}\n\n.pf-c-empty-state__body {\n margin-top: var(--pf-c-empty-state__body--MarginTop);\n color: var(--pf-c-empty-state__body--Color);\n}\n\n.pf-c-empty-state__content > .pf-c-button.pf-m-primary,\n.pf-c-empty-state__primary {\n margin-top: var(--pf-c-empty-state__primary--MarginTop);\n}\n.pf-c-empty-state__content > .pf-c-button.pf-m-primary + .pf-c-empty-state__secondary,\n.pf-c-empty-state__primary + .pf-c-empty-state__secondary {\n margin-top: var(--pf-c-empty-state__primary--secondary--MarginTop);\n}\n\n.pf-c-empty-state__secondary {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n margin-top: var(--pf-c-empty-state__secondary--MarginTop);\n margin-bottom: var(--pf-c-empty-state__secondary--MarginBottom);\n}\n.pf-c-empty-state__secondary > * {\n margin-right: var(--pf-c-empty-state__secondary--child--MarginRight);\n margin-bottom: var(--pf-c-empty-state__secondary--child--MarginBottom);\n margin-left: var(--pf-c-empty-state__secondary--child--MarginLeft);\n}\n\n.pf-m-overpass-font .pf-c-empty-state .pf-c-empty-state__content > .pf-c-title.pf-m-lg {\n font-size: var(--pf-global--FontSize--lg);\n}", "import { PFSize } from \"@goauthentik/common/enums.js\";\nimport { AKElement } from \"@goauthentik/elements/Base\";\nimport \"@goauthentik/elements/Spinner\";\nimport { type SlottedTemplateResult, type Spread } from \"@goauthentik/elements/types\";\nimport { spread } from \"@open-wc/lit-helpers\";\n\nimport { msg } from \"@lit/localize\";\nimport { css, html, nothing } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nimport PFEmptyState from \"@patternfly/patternfly/components/EmptyState/empty-state.css\";\nimport PFTitle from \"@patternfly/patternfly/components/Title/title.css\";\nimport PFBase from \"@patternfly/patternfly/patternfly-base.css\";\n\nexport interface IEmptyState {\n icon?: string;\n loading?: boolean;\n fullHeight?: boolean;\n header?: string;\n}\n\n@customElement(\"ak-empty-state\")\nexport class EmptyState extends AKElement implements IEmptyState {\n @property({ type: String })\n icon = \"\";\n\n @property({ type: Boolean })\n loading = false;\n\n @property({ type: Boolean })\n fullHeight = false;\n\n @property()\n header?: string;\n\n static get styles() {\n return [\n PFBase,\n PFEmptyState,\n PFTitle,\n css`\n i.pf-c-empty-state__icon {\n height: var(--pf-global--icon--FontSize--2xl);\n line-height: var(--pf-global--icon--FontSize--2xl);\n }\n `,\n ];\n }\n\n render() {\n return html`