1import { 2 spacing_default 3} from "../../../../../chunks/CEI72B55.js"; 4import { 5 BaseStage, 6 FlowUserDetails, 7 login_default 8} from "../../../../../chunks/DWVF7PVC.js"; 9import { 10 list_default 11} from "../../../../../chunks/BWDBTBZA.js"; 12import "../../../../../chunks/ERRJBXAI.js"; 13import "../../../../../chunks/IJLAPHJM.js"; 14import "../../../../../chunks/7P6QWBVO.js"; 15import "../../../../../chunks/7FQPRGSZ.js"; 16import "../../../../../chunks/4SH6HWYR.js"; 17import { 18 form_control_default, 19 form_default 20} from "../../../../../chunks/D5CED27H.js"; 21import { 22 button_default 23} from "../../../../../chunks/HYYUO4IN.js"; 24import "../../../../../chunks/LKLKQOEM.js"; 25import "../../../../../chunks/42U66RQW.js"; 26import { 27 title_default 28} from "../../../../../chunks/TTQMXHBG.js"; 29import { 30 customElement 31} from "../../../../../chunks/OOEQ6ZJ4.js"; 32import "../../../../../chunks/5VJSZWIM.js"; 33import { 34 msg 35} from "../../../../../chunks/MORC7GT2.js"; 36import { 37 html, 38 nothing 39} from "../../../../../chunks/ZVQHYTTO.js"; 40import { 41 __decorateClass 42} from "../../../../../chunks/6ZB6KLMW.js"; 43
vendor: 33,766 bytes, lines 44-46
44// node_modules/@patternfly/patternfly/utilities/Text/text.css 45var text_default = ".pf-u-font-family-sans-serif {\n font-family: var(--pf-global--FontFamily--sans-serif) !important;\n}\n.pf-u-font-family-heading-sans-serif {\n font-family: var(--pf-global--FontFamily--heading--sans-serif) !important;\n}\n.pf-u-font-family-monospace {\n font-family: var(--pf-global--FontFamily--monospace) !important;\n}\n.pf-u-font-family-redhatVF-sans-serif {\n font-family: var(--pf-global--FontFamily--redhatVF--sans-serif) !important;\n}\n.pf-u-font-family-redhatVF-heading-sans-serif {\n font-family: var(--pf-global--FontFamily--redhatVF--heading--sans-serif) !important;\n}\n.pf-u-font-family-redhatVF-monospace {\n font-family: var(--pf-global--FontFamily--redhatVF--monospace) !important;\n}\n.pf-u-font-size-xs {\n font-size: var(--pf-global--FontSize--xs) !important;\n}\n.pf-u-font-size-sm {\n font-size: var(--pf-global--FontSize--sm) !important;\n}\n.pf-u-font-size-md {\n font-size: var(--pf-global--FontSize--md) !important;\n}\n.pf-u-font-size-lg {\n font-size: var(--pf-global--FontSize--lg) !important;\n}\n.pf-u-font-size-xl {\n font-size: var(--pf-global--FontSize--xl) !important;\n}\n.pf-u-font-size-2xl {\n font-size: var(--pf-global--FontSize--2xl) !important;\n}\n.pf-u-font-size-3xl {\n font-size: var(--pf-global--FontSize--3xl) !important;\n}\n.pf-u-font-size-4xl {\n font-size: var(--pf-global--FontSize--4xl) !important;\n}\n@media screen and (min-width: 576px) {\n .pf-u-font-size-xs-on-sm {\n font-size: var(--pf-global--FontSize--xs) !important;\n }\n .pf-u-font-size-sm-on-sm {\n font-size: var(--pf-global--FontSize--sm) !important;\n }\n .pf-u-font-size-md-on-sm {\n font-size: var(--pf-global--FontSize--md) !important;\n }\n .pf-u-font-size-lg-on-sm {\n font-size: var(--pf-global--FontSize--lg) !important;\n }\n .pf-u-font-size-xl-on-sm {\n font-size: var(--pf-global--FontSize--xl) !important;\n }\n .pf-u-font-size-2xl-on-sm {\n font-size: var(--pf-global--FontSize--2xl) !important;\n }\n .pf-u-font-size-3xl-on-sm {\n font-size: var(--pf-global--FontSize--3xl) !important;\n }\n .pf-u-font-size-4xl-on-sm {\n font-size: var(--pf-global--FontSize--4xl) !important;\n }\n}\n@media screen and (min-width: 768px) {\n .pf-u-font-size-xs-on-md {\n font-size: var(--pf-global--FontSize--xs) !important;\n }\n .pf-u-font-size-sm-on-md {\n font-size: var(--pf-global--FontSize--sm) !important;\n }\n .pf-u-font-size-md-on-md {\n font-size: var(--pf-global--FontSize--md) !important;\n }\n .pf-u-font-size-lg-on-md {\n font-size: var(--pf-global--FontSize--lg) !important;\n }\n .pf-u-font-size-xl-on-md {\n font-size: var(--pf-global--FontSize--xl) !important;\n }\n .pf-u-font-size-2xl-on-md {\n font-size: var(--pf-global--FontSize--2xl) !important;\n }\n .pf-u-font-size-3xl-on-md {\n font-size: var(--pf-global--FontSize--3xl) !important;\n }\n .pf-u-font-size-4xl-on-md {\n font-size: var(--pf-global--FontSize--4xl) !important;\n }\n}\n@media screen and (min-width: 992px) {\n .pf-u-font-size-xs-on-lg {\n font-size: var(--pf-global--FontSize--xs) !important;\n }\n .pf-u-font-size-sm-on-lg {\n font-size: var(--pf-global--FontSize--sm) !important;\n }\n .pf-u-font-size-md-on-lg {\n font-size: var(--pf-global--FontSize--md) !important;\n }\n .pf-u-font-size-lg-on-lg {\n font-size: var(--pf-global--FontSize--lg) !important;\n }\n .pf-u-font-size-xl-on-lg {\n font-size: var(--pf-global--FontSize--xl) !important;\n }\n .pf-u-font-size-2xl-on-lg {\n font-size: var(--pf-global--FontSize--2xl) !important;\n }\n .pf-u-font-size-3xl-on-lg {\n font-size: var(--pf-global--FontSize--3xl) !important;\n }\n .pf-u-font-size-4xl-on-lg {\n font-size: var(--pf-global--FontSize--4xl) !important;\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-u-font-size-xs-on-xl {\n font-size: var(--pf-global--FontSize--xs) !important;\n }\n .pf-u-font-size-sm-on-xl {\n font-size: var(--pf-global--FontSize--sm) !important;\n }\n .pf-u-font-size-md-on-xl {\n font-size: var(--pf-global--FontSize--md) !important;\n }\n .pf-u-font-size-lg-on-xl {\n font-size: var(--pf-global--FontSize--lg) !important;\n }\n .pf-u-font-size-xl-on-xl {\n font-size: var(--pf-global--FontSize--xl) !important;\n }\n .pf-u-font-size-2xl-on-xl {\n font-size: var(--pf-global--FontSize--2xl) !important;\n }\n .pf-u-font-size-3xl-on-xl {\n font-size: var(--pf-global--FontSize--3xl) !important;\n }\n .pf-u-font-size-4xl-on-xl {\n font-size: var(--pf-global--FontSize--4xl) !important;\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-u-font-size-xs-on-2xl {\n font-size: var(--pf-global--FontSize--xs) !important;\n }\n .pf-u-font-size-sm-on-2xl {\n font-size: var(--pf-global--FontSize--sm) !important;\n }\n .pf-u-font-size-md-on-2xl {\n font-size: var(--pf-global--FontSize--md) !important;\n }\n .pf-u-font-size-lg-on-2xl {\n font-size: var(--pf-global--FontSize--lg) !important;\n }\n .pf-u-font-size-xl-on-2xl {\n font-size: var(--pf-global--FontSize--xl) !important;\n }\n .pf-u-font-size-2xl-on-2xl {\n font-size: var(--pf-global--FontSize--2xl) !important;\n }\n .pf-u-font-size-3xl-on-2xl {\n font-size: var(--pf-global--FontSize--3xl) !important;\n }\n .pf-u-font-size-4xl-on-2xl {\n font-size: var(--pf-global--FontSize--4xl) !important;\n }\n}\n.pf-u-font-weight-light {\n font-weight: var(--pf-global--FontWeight--light) !important;\n}\n.pf-u-font-weight-normal {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n}\n.pf-u-font-weight-bold {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n}\n@media screen and (min-width: 576px) {\n .pf-u-font-weight-light-on-sm {\n font-weight: var(--pf-global--FontWeight--light) !important;\n }\n .pf-u-font-weight-normal-on-sm {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n }\n .pf-u-font-weight-bold-on-sm {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n }\n}\n@media screen and (min-width: 768px) {\n .pf-u-font-weight-light-on-md {\n font-weight: var(--pf-global--FontWeight--light) !important;\n }\n .pf-u-font-weight-normal-on-md {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n }\n .pf-u-font-weight-bold-on-md {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n }\n}\n@media screen and (min-width: 992px) {\n .pf-u-font-weight-light-on-lg {\n font-weight: var(--pf-global--FontWeight--light) !important;\n }\n .pf-u-font-weight-normal-on-lg {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n }\n .pf-u-font-weight-bold-on-lg {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-u-font-weight-light-on-xl {\n font-weight: var(--pf-global--FontWeight--light) !important;\n }\n .pf-u-font-weight-normal-on-xl {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n }\n .pf-u-font-weight-bold-on-xl {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-u-font-weight-light-on-2xl {\n font-weight: var(--pf-global--FontWeight--light) !important;\n }\n .pf-u-font-weight-normal-on-2xl {\n font-weight: var(--pf-global--FontWeight--normal) !important;\n }\n .pf-u-font-weight-bold-on-2xl {\n font-weight: var(--pf-global--FontWeight--bold) !important;\n }\n}\n.pf-u-color-100 {\n color: var(--pf-global--Color--100) !important;\n}\n.pf-u-color-200 {\n color: var(--pf-global--Color--200) !important;\n}\n.pf-u-color-300 {\n color: var(--pf-global--Color--300) !important;\n}\n.pf-u-color-400 {\n color: var(--pf-global--Color--400) !important;\n}\n.pf-u-active-color-100 {\n color: var(--pf-global--active-color--100) !important;\n}\n.pf-u-active-color-400 {\n color: var(--pf-global--active-color--400) !important;\n}\n.pf-u-primary-color-100 {\n color: var(--pf-global--primary-color--100) !important;\n}\n.pf-u-color-light-100 {\n color: var(--pf-global--Color--light-100) !important;\n}\n.pf-u-color-light-200 {\n color: var(--pf-global--Color--light-200) !important;\n}\n.pf-u-link-color {\n color: var(--pf-global--link--Color) !important;\n}\n.pf-u-link-color-hover {\n color: var(--pf-global--link--Color--hover) !important;\n}\n.pf-u-link-color-light {\n color: var(--pf-global--link--Color--light) !important;\n}\n.pf-u-link-color-light-hover {\n color: var(--pf-global--link--Color--light--hover) !important;\n}\n.pf-u-link-color-dark {\n color: var(--pf-global--link--Color--dark) !important;\n}\n.pf-u-link-color-dark-hover {\n color: var(--pf-global--link--Color--dark--hover) !important;\n}\n.pf-u-link-color-visited {\n color: var(--pf-global--link--Color--visited) !important;\n}\n.pf-u-default-color-100 {\n color: var(--pf-global--default-color--100) !important;\n}\n.pf-u-default-color-200 {\n color: var(--pf-global--default-color--200) !important;\n}\n.pf-u-default-color-300 {\n color: var(--pf-global--default-color--300) !important;\n}\n.pf-u-success-color-100 {\n color: var(--pf-global--success-color--100) !important;\n}\n.pf-u-success-color-200 {\n color: var(--pf-global--success-color--200) !important;\n}\n.pf-u-info-color-100 {\n color: var(--pf-global--info-color--100) !important;\n}\n.pf-u-info-color-200 {\n color: var(--pf-global--info-color--200) !important;\n}\n.pf-u-warning-color-100 {\n color: var(--pf-global--warning-color--100) !important;\n}\n.pf-u-warning-color-200 {\n color: var(--pf-global--warning-color--200) !important;\n}\n.pf-u-danger-color-100 {\n color: var(--pf-global--danger-color--100) !important;\n}\n.pf-u-danger-color-200 {\n color: var(--pf-global--danger-color--200) !important;\n}\n.pf-u-danger-color-300 {\n color: var(--pf-global--danger-color--300) !important;\n}\n.pf-u-disabled-color-100 {\n color: var(--pf-global--disabled-color--100) !important;\n}\n.pf-u-disabled-color-200 {\n color: var(--pf-global--disabled-color--200) !important;\n}\n.pf-u-icon-color-light {\n color: var(--pf-global--icon--Color--light) !important;\n}\n.pf-u-icon-color-dark {\n color: var(--pf-global--icon--Color--dark) !important;\n}\n@media screen and (min-width: 576px) {\n .pf-u-color-100-on-sm {\n color: var(--pf-global--Color--100) !important;\n }\n .pf-u-color-200-on-sm {\n color: var(--pf-global--Color--200) !important;\n }\n .pf-u-color-300-on-sm {\n color: var(--pf-global--Color--300) !important;\n }\n .pf-u-color-400-on-sm {\n color: var(--pf-global--Color--400) !important;\n }\n .pf-u-active-color-100-on-sm {\n color: var(--pf-global--active-color--100) !important;\n }\n .pf-u-active-color-400-on-sm {\n color: var(--pf-global--active-color--400) !important;\n }\n .pf-u-primary-color-100-on-sm {\n color: var(--pf-global--primary-color--100) !important;\n }\n .pf-u-color-light-100-on-sm {\n color: var(--pf-global--Color--light-100) !important;\n }\n .pf-u-color-light-200-on-sm {\n color: var(--pf-global--Color--light-200) !important;\n }\n .pf-u-link-color-on-sm {\n color: var(--pf-global--link--Color) !important;\n }\n .pf-u-link-color-hover-on-sm {\n color: var(--pf-global--link--Color--hover) !important;\n }\n .pf-u-link-color-light-on-sm {\n color: var(--pf-global--link--Color--light) !important;\n }\n .pf-u-link-color-light-hover-on-sm {\n color: var(--pf-global--link--Color--light--hover) !important;\n }\n .pf-u-link-color-dark-on-sm {\n color: var(--pf-global--link--Color--dark) !important;\n }\n .pf-u-link-color-dark-hover-on-sm {\n color: var(--pf-global--link--Color--dark--hover) !important;\n }\n .pf-u-link-color-visited-on-sm {\n color: var(--pf-global--link--Color--visited) !important;\n }\n .pf-u-default-color-100-on-sm {\n color: var(--pf-global--default-color--100) !important;\n }\n .pf-u-default-color-200-on-sm {\n color: var(--pf-global--default-color--200) !important;\n }\n .pf-u-default-color-300-on-sm {\n color: var(--pf-global--default-color--300) !important;\n }\n .pf-u-success-color-100-on-sm {\n color: var(--pf-global--success-color--100) !important;\n }\n .pf-u-success-color-200-on-sm {\n color: var(--pf-global--success-color--200) !important;\n }\n .pf-u-info-color-100-on-sm {\n color: var(--pf-global--info-color--100) !important;\n }\n .pf-u-info-color-200-on-sm {\n color: var(--pf-global--info-color--200) !important;\n }\n .pf-u-warning-color-100-on-sm {\n color: var(--pf-global--warning-color--100) !important;\n }\n .pf-u-warning-color-200-on-sm {\n color: var(--pf-global--warning-color--200) !important;\n }\n .pf-u-danger-color-100-on-sm {\n color: var(--pf-global--danger-color--100) !important;\n }\n .pf-u-danger-color-200-on-sm {\n color: var(--pf-global--danger-color--200) !important;\n }\n .pf-u-danger-color-300-on-sm {\n color: var(--pf-global--danger-color--300) !important;\n }\n .pf-u-disabled-color-100-on-sm {\n color: var(--pf-global--disabled-color--100) !important;\n }\n .pf-u-disabled-color-200-on-sm {\n color: var(--pf-global--disabled-color--200) !important;\n }\n .pf-u-icon-color-light-on-sm {\n color: var(--pf-global--icon--Color--light) !important;\n }\n .pf-u-icon-color-dark-on-sm {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 768px) {\n .pf-u-color-100-on-md {\n color: var(--pf-global--Color--100) !important;\n }\n .pf-u-color-200-on-md {\n color: var(--pf-global--Color--200) !important;\n }\n .pf-u-color-300-on-md {\n color: var(--pf-global--Color--300) !important;\n }\n .pf-u-color-400-on-md {\n color: var(--pf-global--Color--400) !important;\n }\n .pf-u-active-color-100-on-md {\n color: var(--pf-global--active-color--100) !important;\n }\n .pf-u-active-color-400-on-md {\n color: var(--pf-global--active-color--400) !important;\n }\n .pf-u-primary-color-100-on-md {\n color: var(--pf-global--primary-color--100) !important;\n }\n .pf-u-color-light-100-on-md {\n color: var(--pf-global--Color--light-100) !important;\n }\n .pf-u-color-light-200-on-md {\n color: var(--pf-global--Color--light-200) !important;\n }\n .pf-u-link-color-on-md {\n color: var(--pf-global--link--Color) !important;\n }\n .pf-u-link-color-hover-on-md {\n color: var(--pf-global--link--Color--hover) !important;\n }\n .pf-u-link-color-light-on-md {\n color: var(--pf-global--link--Color--light) !important;\n }\n .pf-u-link-color-light-hover-on-md {\n color: var(--pf-global--link--Color--light--hover) !important;\n }\n .pf-u-link-color-dark-on-md {\n color: var(--pf-global--link--Color--dark) !important;\n }\n .pf-u-link-color-dark-hover-on-md {\n color: var(--pf-global--link--Color--dark--hover) !important;\n }\n .pf-u-link-color-visited-on-md {\n color: var(--pf-global--link--Color--visited) !important;\n }\n .pf-u-default-color-100-on-md {\n color: var(--pf-global--default-color--100) !important;\n }\n .pf-u-default-color-200-on-md {\n color: var(--pf-global--default-color--200) !important;\n }\n .pf-u-default-color-300-on-md {\n color: var(--pf-global--default-color--300) !important;\n }\n .pf-u-success-color-100-on-md {\n color: var(--pf-global--success-color--100) !important;\n }\n .pf-u-success-color-200-on-md {\n color: var(--pf-global--success-color--200) !important;\n }\n .pf-u-info-color-100-on-md {\n color: var(--pf-global--info-color--100) !important;\n }\n .pf-u-info-color-200-on-md {\n color: var(--pf-global--info-color--200) !important;\n }\n .pf-u-warning-color-100-on-md {\n color: var(--pf-global--warning-color--100) !important;\n }\n .pf-u-warning-color-200-on-md {\n color: var(--pf-global--warning-color--200) !important;\n }\n .pf-u-danger-color-100-on-md {\n color: var(--pf-global--danger-color--100) !important;\n }\n .pf-u-danger-color-200-on-md {\n color: var(--pf-global--danger-color--200) !important;\n }\n .pf-u-danger-color-300-on-md {\n color: var(--pf-global--danger-color--300) !important;\n }\n .pf-u-disabled-color-100-on-md {\n color: var(--pf-global--disabled-color--100) !important;\n }\n .pf-u-disabled-color-200-on-md {\n color: var(--pf-global--disabled-color--200) !important;\n }\n .pf-u-icon-color-light-on-md {\n color: var(--pf-global--icon--Color--light) !important;\n }\n .pf-u-icon-color-dark-on-md {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 992px) {\n .pf-u-color-100-on-lg {\n color: var(--pf-global--Color--100) !important;\n }\n .pf-u-color-200-on-lg {\n color: var(--pf-global--Color--200) !important;\n }\n .pf-u-color-300-on-lg {\n color: var(--pf-global--Color--300) !important;\n }\n .pf-u-color-400-on-lg {\n color: var(--pf-global--Color--400) !important;\n }\n .pf-u-active-color-100-on-lg {\n color: var(--pf-global--active-color--100) !important;\n }\n .pf-u-active-color-400-on-lg {\n color: var(--pf-global--active-color--400) !important;\n }\n .pf-u-primary-color-100-on-lg {\n color: var(--pf-global--primary-color--100) !important;\n }\n .pf-u-color-light-100-on-lg {\n color: var(--pf-global--Color--light-100) !important;\n }\n .pf-u-color-light-200-on-lg {\n color: var(--pf-global--Color--light-200) !important;\n }\n .pf-u-link-color-on-lg {\n color: var(--pf-global--link--Color) !important;\n }\n .pf-u-link-color-hover-on-lg {\n color: var(--pf-global--link--Color--hover) !important;\n }\n .pf-u-link-color-light-on-lg {\n color: var(--pf-global--link--Color--light) !important;\n }\n .pf-u-link-color-light-hover-on-lg {\n color: var(--pf-global--link--Color--light--hover) !important;\n }\n .pf-u-link-color-dark-on-lg {\n color: var(--pf-global--link--Color--dark) !important;\n }\n .pf-u-link-color-dark-hover-on-lg {\n color: var(--pf-global--link--Color--dark--hover) !important;\n }\n .pf-u-link-color-visited-on-lg {\n color: var(--pf-global--link--Color--visited) !important;\n }\n .pf-u-default-color-100-on-lg {\n color: var(--pf-global--default-color--100) !important;\n }\n .pf-u-default-color-200-on-lg {\n color: var(--pf-global--default-color--200) !important;\n }\n .pf-u-default-color-300-on-lg {\n color: var(--pf-global--default-color--300) !important;\n }\n .pf-u-success-color-100-on-lg {\n color: var(--pf-global--success-color--100) !important;\n }\n .pf-u-success-color-200-on-lg {\n color: var(--pf-global--success-color--200) !important;\n }\n .pf-u-info-color-100-on-lg {\n color: var(--pf-global--info-color--100) !important;\n }\n .pf-u-info-color-200-on-lg {\n color: var(--pf-global--info-color--200) !important;\n }\n .pf-u-warning-color-100-on-lg {\n color: var(--pf-global--warning-color--100) !important;\n }\n .pf-u-warning-color-200-on-lg {\n color: var(--pf-global--warning-color--200) !important;\n }\n .pf-u-danger-color-100-on-lg {\n color: var(--pf-global--danger-color--100) !important;\n }\n .pf-u-danger-color-200-on-lg {\n color: var(--pf-global--danger-color--200) !important;\n }\n .pf-u-danger-color-300-on-lg {\n color: var(--pf-global--danger-color--300) !important;\n }\n .pf-u-disabled-color-100-on-lg {\n color: var(--pf-global--disabled-color--100) !important;\n }\n .pf-u-disabled-color-200-on-lg {\n color: var(--pf-global--disabled-color--200) !important;\n }\n .pf-u-icon-color-light-on-lg {\n color: var(--pf-global--icon--Color--light) !important;\n }\n .pf-u-icon-color-dark-on-lg {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-u-color-100-on-xl {\n color: var(--pf-global--Color--100) !important;\n }\n .pf-u-color-200-on-xl {\n color: var(--pf-global--Color--200) !important;\n }\n .pf-u-color-300-on-xl {\n color: var(--pf-global--Color--300) !important;\n }\n .pf-u-color-400-on-xl {\n color: var(--pf-global--Color--400) !important;\n }\n .pf-u-active-color-100-on-xl {\n color: var(--pf-global--active-color--100) !important;\n }\n .pf-u-active-color-400-on-xl {\n color: var(--pf-global--active-color--400) !important;\n }\n .pf-u-primary-color-100-on-xl {\n color: var(--pf-global--primary-color--100) !important;\n }\n .pf-u-color-light-100-on-xl {\n color: var(--pf-global--Color--light-100) !important;\n }\n .pf-u-color-light-200-on-xl {\n color: var(--pf-global--Color--light-200) !important;\n }\n .pf-u-link-color-on-xl {\n color: var(--pf-global--link--Color) !important;\n }\n .pf-u-link-color-hover-on-xl {\n color: var(--pf-global--link--Color--hover) !important;\n }\n .pf-u-link-color-light-on-xl {\n color: var(--pf-global--link--Color--light) !important;\n }\n .pf-u-link-color-light-hover-on-xl {\n color: var(--pf-global--link--Color--light--hover) !important;\n }\n .pf-u-link-color-dark-on-xl {\n color: var(--pf-global--link--Color--dark) !important;\n }\n .pf-u-link-color-dark-hover-on-xl {\n color: var(--pf-global--link--Color--dark--hover) !important;\n }\n .pf-u-link-color-visited-on-xl {\n color: var(--pf-global--link--Color--visited) !important;\n }\n .pf-u-default-color-100-on-xl {\n color: var(--pf-global--default-color--100) !important;\n }\n .pf-u-default-color-200-on-xl {\n color: var(--pf-global--default-color--200) !important;\n }\n .pf-u-default-color-300-on-xl {\n color: var(--pf-global--default-color--300) !important;\n }\n .pf-u-success-color-100-on-xl {\n color: var(--pf-global--success-color--100) !important;\n }\n .pf-u-success-color-200-on-xl {\n color: var(--pf-global--success-color--200) !important;\n }\n .pf-u-info-color-100-on-xl {\n color: var(--pf-global--info-color--100) !important;\n }\n .pf-u-info-color-200-on-xl {\n color: var(--pf-global--info-color--200) !important;\n }\n .pf-u-warning-color-100-on-xl {\n color: var(--pf-global--warning-color--100) !important;\n }\n .pf-u-warning-color-200-on-xl {\n color: var(--pf-global--warning-color--200) !important;\n }\n .pf-u-danger-color-100-on-xl {\n color: var(--pf-global--danger-color--100) !important;\n }\n .pf-u-danger-color-200-on-xl {\n color: var(--pf-global--danger-color--200) !important;\n }\n .pf-u-danger-color-300-on-xl {\n color: var(--pf-global--danger-color--300) !important;\n }\n .pf-u-disabled-color-100-on-xl {\n color: var(--pf-global--disabled-color--100) !important;\n }\n .pf-u-disabled-color-200-on-xl {\n color: var(--pf-global--disabled-color--200) !important;\n }\n .pf-u-icon-color-light-on-xl {\n color: var(--pf-global--icon--Color--light) !important;\n }\n .pf-u-icon-color-dark-on-xl {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-u-color-100-on-2xl {\n color: var(--pf-global--Color--100) !important;\n }\n .pf-u-color-200-on-2xl {\n color: var(--pf-global--Color--200) !important;\n }\n .pf-u-color-300-on-2xl {\n color: var(--pf-global--Color--300) !important;\n }\n .pf-u-color-400-on-2xl {\n color: var(--pf-global--Color--400) !important;\n }\n .pf-u-active-color-100-on-2xl {\n color: var(--pf-global--active-color--100) !important;\n }\n .pf-u-active-color-400-on-2xl {\n color: var(--pf-global--active-color--400) !important;\n }\n .pf-u-primary-color-100-on-2xl {\n color: var(--pf-global--primary-color--100) !important;\n }\n .pf-u-color-light-100-on-2xl {\n color: var(--pf-global--Color--light-100) !important;\n }\n .pf-u-color-light-200-on-2xl {\n color: var(--pf-global--Color--light-200) !important;\n }\n .pf-u-link-color-on-2xl {\n color: var(--pf-global--link--Color) !important;\n }\n .pf-u-link-color-hover-on-2xl {\n color: var(--pf-global--link--Color--hover) !important;\n }\n .pf-u-link-color-light-on-2xl {\n color: var(--pf-global--link--Color--light) !important;\n }\n .pf-u-link-color-light-hover-on-2xl {\n color: var(--pf-global--link--Color--light--hover) !important;\n }\n .pf-u-link-color-dark-on-2xl {\n color: var(--pf-global--link--Color--dark) !important;\n }\n .pf-u-link-color-dark-hover-on-2xl {\n color: var(--pf-global--link--Color--dark--hover) !important;\n }\n .pf-u-link-color-visited-on-2xl {\n color: var(--pf-global--link--Color--visited) !important;\n }\n .pf-u-default-color-100-on-2xl {\n color: var(--pf-global--default-color--100) !important;\n }\n .pf-u-default-color-200-on-2xl {\n color: var(--pf-global--default-color--200) !important;\n }\n .pf-u-default-color-300-on-2xl {\n color: var(--pf-global--default-color--300) !important;\n }\n .pf-u-success-color-100-on-2xl {\n color: var(--pf-global--success-color--100) !important;\n }\n .pf-u-success-color-200-on-2xl {\n color: var(--pf-global--success-color--200) !important;\n }\n .pf-u-info-color-100-on-2xl {\n color: var(--pf-global--info-color--100) !important;\n }\n .pf-u-info-color-200-on-2xl {\n color: var(--pf-global--info-color--200) !important;\n }\n .pf-u-warning-color-100-on-2xl {\n color: var(--pf-global--warning-color--100) !important;\n }\n .pf-u-warning-color-200-on-2xl {\n color: var(--pf-global--warning-color--200) !important;\n }\n .pf-u-danger-color-100-on-2xl {\n color: var(--pf-global--danger-color--100) !important;\n }\n .pf-u-danger-color-200-on-2xl {\n color: var(--pf-global--danger-color--200) !important;\n }\n .pf-u-danger-color-300-on-2xl {\n color: var(--pf-global--danger-color--300) !important;\n }\n .pf-u-disabled-color-100-on-2xl {\n color: var(--pf-global--disabled-color--100) !important;\n }\n .pf-u-disabled-color-200-on-2xl {\n color: var(--pf-global--disabled-color--200) !important;\n }\n .pf-u-icon-color-light-on-2xl {\n color: var(--pf-global--icon--Color--light) !important;\n }\n .pf-u-icon-color-dark-on-2xl {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n.pf-u-text-break-word {\n word-break: break-word !important;\n}\n.pf-u-text-nowrap {\n white-space: nowrap !important;\n}\n.pf-u-text-wrap {\n white-space: normal !important;\n}\n@media screen and (min-width: 576px) {\n .pf-u-text-break-word-on-sm {\n word-break: break-word !important;\n }\n .pf-u-text-nowrap-on-sm {\n white-space: nowrap !important;\n }\n .pf-u-text-wrap-on-sm {\n white-space: normal !important;\n }\n}\n@media screen and (min-width: 768px) {\n .pf-u-text-break-word-on-md {\n word-break: break-word !important;\n }\n .pf-u-text-nowrap-on-md {\n white-space: nowrap !important;\n }\n .pf-u-text-wrap-on-md {\n white-space: normal !important;\n }\n}\n@media screen and (min-width: 992px) {\n .pf-u-text-break-word-on-lg {\n word-break: break-word !important;\n }\n .pf-u-text-nowrap-on-lg {\n white-space: nowrap !important;\n }\n .pf-u-text-wrap-on-lg {\n white-space: normal !important;\n }\n}\n@media screen and (min-width: 1200px) {\n .pf-u-text-break-word-on-xl {\n word-break: break-word !important;\n }\n .pf-u-text-nowrap-on-xl {\n white-space: nowrap !important;\n }\n .pf-u-text-wrap-on-xl {\n white-space: normal !important;\n }\n}\n@media screen and (min-width: 1450px) {\n .pf-u-text-break-word-on-2xl {\n word-break: break-word !important;\n }\n .pf-u-text-nowrap-on-2xl {\n white-space: nowrap !important;\n }\n .pf-u-text-wrap-on-2xl {\n white-space: normal !important;\n }\n}\n.pf-u-text-truncate {\n min-width: 0 !important;\n max-width: 100% !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n}\n:where(.pf-theme-dark) .pf-u-color-300 {\n color: var(--pf-global--Color--100) !important;\n}\n:where(.pf-theme-dark) .pf-u-color-light-100 {\n color: var(--pf-global--Color-100) !important;\n}\n:where(.pf-theme-dark) .pf-u-color-light-200 {\n color: var(--pf-global--Color-200) !important;\n}\n:where(.pf-theme-dark) .pf-u-default-color-300 {\n color: var(--pf-global--default-color--100) !important;\n}\n:where(.pf-theme-dark) .pf-u-success-color-200 {\n color: var(--pf-global--success-color--100) !important;\n}\n:where(.pf-theme-dark) .pf-u-info-color-200 {\n color: var(--pf-global--info-color--100) !important;\n}\n:where(.pf-theme-dark) .pf-u-danger-color-300 {\n color: var(--pf-global--danger-color--100) !important;\n}\n:where(.pf-theme-dark) .pf-u-icon-color-dark {\n color: var(--pf-global--icon--Color--dark) !important;\n}\n@media screen and (min-width: 576px) {\n :where(.pf-theme-dark) .pf-u-color-300-on-sm {\n color: var(--pf-global--Color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-100-on-sm {\n color: var(--pf-global--Color-100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {\n color: var(--pf-global--Color-200) !important;\n }\n :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {\n color: var(--pf-global--default-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-success-color-200-on-sm {\n color: var(--pf-global--success-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-info-color-200-on-sm {\n color: var(--pf-global--info-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-danger-color-300-on-sm {\n color: var(--pf-global--danger-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-icon-color-dark-on-sm {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 768px) {\n :where(.pf-theme-dark) .pf-u-color-300-on-md {\n color: var(--pf-global--Color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-100-on-md {\n color: var(--pf-global--Color-100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-200-on-md {\n color: var(--pf-global--Color-200) !important;\n }\n :where(.pf-theme-dark) .pf-u-default-color-300-on-md {\n color: var(--pf-global--default-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-success-color-200-on-md {\n color: var(--pf-global--success-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-info-color-200-on-md {\n color: var(--pf-global--info-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-danger-color-300-on-md {\n color: var(--pf-global--danger-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-icon-color-dark-on-md {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 992px) {\n :where(.pf-theme-dark) .pf-u-color-300-on-lg {\n color: var(--pf-global--Color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-100-on-lg {\n color: var(--pf-global--Color-100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {\n color: var(--pf-global--Color-200) !important;\n }\n :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {\n color: var(--pf-global--default-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-success-color-200-on-lg {\n color: var(--pf-global--success-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-info-color-200-on-lg {\n color: var(--pf-global--info-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-danger-color-300-on-lg {\n color: var(--pf-global--danger-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-icon-color-dark-on-lg {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 1200px) {\n :where(.pf-theme-dark) .pf-u-color-300-on-xl {\n color: var(--pf-global--Color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-100-on-xl {\n color: var(--pf-global--Color-100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {\n color: var(--pf-global--Color-200) !important;\n }\n :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {\n color: var(--pf-global--default-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-success-color-200-on-xl {\n color: var(--pf-global--success-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-info-color-200-on-xl {\n color: var(--pf-global--info-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-danger-color-300-on-xl {\n color: var(--pf-global--danger-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-icon-color-dark-on-xl {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n@media screen and (min-width: 1450px) {\n :where(.pf-theme-dark) .pf-u-color-300-on-2xl {\n color: var(--pf-global--Color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-100-on-2xl {\n color: var(--pf-global--Color-100) !important;\n }\n :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {\n color: var(--pf-global--Color-200) !important;\n }\n :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {\n color: var(--pf-global--default-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {\n color: var(--pf-global--success-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-info-color-200-on-2xl {\n color: var(--pf-global--info-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-danger-color-300-on-2xl {\n color: var(--pf-global--danger-color--100) !important;\n }\n :where(.pf-theme-dark) .pf-u-icon-color-dark-on-2xl {\n color: var(--pf-global--icon--Color--dark) !important;\n }\n}\n"; 46
47// src/flow/stages/consent/ConsentStage.ts 48var ConsentStage = class extends BaseStage { 49 renderPermissions(perms) { 50 return html`${perms.map((permission) => { 51 if (permission.name === "") { 52 return nothing; 53 } 54 if (permission.id === "openid") { 55 return nothing; 56 } 57 return html`<li data-permission-code="${permission.id}">${permission.name}</li>`; 58 })}`; 59 } 60 renderNoPrevious() { 61 return html` 62 <div class="pf-c-form__group"> 63 <h3 data-test-id="stage-heading" class="pf-c-title pf-m-xl pf-u-mb-md"> 64 ${this.challenge?.headerText ?? ""} 65 </h3> 66 ${this.challenge?.permissions.length ? html` 67 <p class="pf-u-mb-md"> 68 ${msg("Application requires following permissions:")} 69 </p> 70 <ul class="pf-c-list" id="permissions"> 71 ${this.renderPermissions(this.challenge.permissions)} 72 </ul> 73 ` : nothing} 74 </div> 75 `; 76 } 77 renderAdditional() { 78 return html` 79 <div class="pf-c-form__group"> 80 <h3 data-test-id="stage-heading" class="pf-c-title pf-m-xl pf-u-mb-md"> 81 ${this.challenge?.headerText ?? ""} 82 </h3> 83 ${this.challenge?.permissions.length ? html` 84 <p class="pf-u-mb-md"> 85 ${msg("Application already has access to the following permissions:")} 86 </p> 87 <ul class="pf-c-list" id="permissions"> 88 ${this.renderPermissions(this.challenge.permissions)} 89 </ul> 90 ` : nothing} 91 </div> 92 <div class="pf-c-form__group"> 93 ${this.challenge?.additionalPermissions.length ? html` 94 <p class="pf-u-font-weight-bold pf-u-mb-md"> 95 ${msg("Application requires following new permissions:")} 96 </p> 97 <ul class="pf-c-list" id="permissions"> 98 ${this.renderPermissions(this.challenge.additionalPermissions)} 99 </ul> 100 ` : nothing} 101 </div> 102 `; 103 } 104 render() { 105 if (!this.challenge) { 106 return nothing; 107 } 108 return html`<ak-flow-card .challenge=${this.challenge}> 109 <form 110 class="pf-c-form" 111 @submit=${(event) => { 112 if (!this.challenge) { 113 return; 114 } 115 this.submitForm(event, { 116 token: this.challenge.token 117 }); 118 }} 119 > 120 ${FlowUserDetails({ challenge: this.challenge })} 121 ${this.challenge?.additionalPermissions.length ? this.renderAdditional() : this.renderNoPrevious()} 122 123 <fieldset class="ak-c-fieldset pf-c-form__group pf-m-action"> 124 <legend class="sr-only">${msg("Form actions")}</legend> 125 <button 126 name="continue" 127 type="submit" 128 class="pf-c-button pf-m-primary pf-m-block" 129 > 130 ${msg("Continue")} 131 </button> 132 </fieldset> 133 </form> 134 </ak-flow-card>`; 135 } 136}; 137ConsentStage.styles = [ 138 login_default, 139 list_default, 140 form_default, 141 spacing_default, 142 form_control_default, 143 title_default, 144 button_default, 145 text_default 146]; 147ConsentStage = __decorateClass([ 148 customElement("ak-stage-consent") 149], ConsentStage); 150var ConsentStage_default = ConsentStage; 151export { 152 ConsentStage, 153 ConsentStage_default as default 154}; 155//# sourceMappingURL=UO32CA7N.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.