@luizleon/sf.prefeiturasp.vuecomponents 4.0.2 → 4.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{src/components → components}/navmenu/NavMenu.d.ts +4 -3
- package/dist/sf.prefeiturasp.vuecomponents.cjs +1 -1
- package/dist/sf.prefeiturasp.vuecomponents.cjs.map +1 -1
- package/dist/sf.prefeiturasp.vuecomponents.js +2 -2
- package/dist/sf.prefeiturasp.vuecomponents.js.map +1 -1
- package/dist/sf.prefeiturasp.vuecomponents.umd.cjs +1 -1
- package/dist/sf.prefeiturasp.vuecomponents.umd.cjs.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +5 -2
- package/src/axios/axiosClient.ts +0 -207
- package/src/common/appResult.ts +0 -34
- package/src/components/button/Button.vue +0 -104
- package/src/components/content/Content.vue +0 -49
- package/src/components/drawer/Drawer.vue +0 -146
- package/src/components/icon/Icon.vue +0 -96
- package/src/components/internal/HeaderAvatar.vue +0 -73
- package/src/components/internal/LoadingCircle.vue +0 -16
- package/src/components/internal/MenuIcon.vue +0 -13
- package/src/components/internal/ScrollToTop.vue +0 -26
- package/src/components/internal/ThemeToggle.ts +0 -41
- package/src/components/internal/ThemeToggle.vue +0 -23
- package/src/components/internal/cssClassBuilder.ts +0 -44
- package/src/components/internal/getMaxZindex.ts +0 -15
- package/src/components/layout/Layout.d.ts +0 -38
- package/src/components/layout/Layout.vue +0 -58
- package/src/components/message/Message.vue +0 -65
- package/src/components/navmenu/NavMenu.vue +0 -109
- package/src/components/tabnavigation/TabNavigation.vue +0 -125
- package/src/components/tooltip/Tooltip.vue +0 -91
- package/src/index.ts +0 -53
- package/src/keycloak.d.ts +0 -671
- package/src/keycloak.js +0 -1731
- package/src/services/authService.ts +0 -118
- package/src/services/dialogService.ts +0 -109
- package/src/services/navMenuService.ts +0 -21
- package/src/style/componentes.scss +0 -20
- package/src/style/src/_functions.scss +0 -19
- package/src/style/src/_mixins.scss +0 -193
- package/src/style/src/_variables.scss +0 -12
- package/src/style/src/components/_button.scss +0 -104
- package/src/style/src/components/_content.scss +0 -57
- package/src/style/src/components/_drawer.scss +0 -89
- package/src/style/src/components/_headerAvatar.scss +0 -22
- package/src/style/src/components/_icon.scss +0 -119
- package/src/style/src/components/_layout.scss +0 -160
- package/src/style/src/components/_loading-circle.scss +0 -24
- package/src/style/src/components/_mask.scss +0 -35
- package/src/style/src/components/_message.scss +0 -47
- package/src/style/src/components/_navmenulink.scss +0 -31
- package/src/style/src/components/_scrollToTop.scss +0 -28
- package/src/style/src/components/_svg_icon.scss +0 -5
- package/src/style/src/components/_tab-navigation.scss +0 -93
- package/src/style/src/components/_themetoggle.scss +0 -52
- package/src/style/src/components/_tooltip.scss +0 -53
- package/src/style/src/sweetalert/_sweetalert.scss +0 -9
- package/src/style/src/sweetalert/scss/_animations.scss +0 -197
- package/src/style/src/sweetalert/scss/_body.scss +0 -45
- package/src/style/src/sweetalert/scss/_core.scss +0 -862
- package/src/style/src/sweetalert/scss/_mixins.scss +0 -16
- package/src/style/src/sweetalert/scss/_theming.scss +0 -8
- package/src/style/src/sweetalert/scss/_toasts-animations.scss +0 -83
- package/src/style/src/sweetalert/scss/_toasts-body.scss +0 -85
- package/src/style/src/sweetalert/scss/_toasts.scss +0 -203
- package/src/style/src/sweetalert/scss/_variables.scss +0 -271
- package/src/ts-helpers.d.ts +0 -44
- package/src/types/index.ts +0 -59
- package/src/vite-env.d.ts +0 -1
- package/tsconfig.json +0 -22
- package/vite.config.js +0 -29
- /package/dist/{src/axios → axios}/axiosClient.d.ts +0 -0
- /package/dist/{src/common → common}/appResult.d.ts +0 -0
- /package/dist/{src/components → components}/button/Button.d.ts +0 -0
- /package/dist/{src/components → components}/content/Content.d.ts +0 -0
- /package/dist/{src/components → components}/drawer/Drawer.d.ts +0 -0
- /package/dist/{src/components → components}/icon/Icon.d.ts +0 -0
- /package/dist/{src/components → components}/internal/HeaderAvatar.d.ts +0 -0
- /package/dist/{src/components → components}/internal/LoadingCircle.d.ts +0 -0
- /package/dist/{src/components → components}/internal/MenuIcon.d.ts +0 -0
- /package/dist/{src/components → components}/internal/ScrollToTop.d.ts +0 -0
- /package/dist/{src/components → components}/internal/ThemeToggle.d.ts +0 -0
- /package/dist/{src/components → components}/internal/cssClassBuilder.d.ts +0 -0
- /package/dist/{src/components → components}/internal/getMaxZindex.d.ts +0 -0
- /package/dist/{src/components → components}/layout/Layout.d.ts +0 -0
- /package/dist/{src/components → components}/message/Message.d.ts +0 -0
- /package/dist/{src/components → components}/tabnavigation/TabNavigation.d.ts +0 -0
- /package/dist/{src/components → components}/tooltip/Tooltip.d.ts +0 -0
- /package/dist/{src/index.d.ts → index.d.ts} +0 -0
- /package/dist/{src/keycloak.d.ts → keycloak.d.ts} +0 -0
- /package/dist/{src/services → services}/authService.d.ts +0 -0
- /package/dist/{src/services → services}/dialogService.d.ts +0 -0
- /package/dist/{src/services → services}/navMenuService.d.ts +0 -0
- /package/dist/{src/types → types}/index.d.ts +0 -0
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.display-content[data-v-acf8f09c]{display:contents}.panel-menu-wrapper[data-v-ba1ebc06]{padding:var(--inline-spacing)}.panel-menu-wrapper[data-v-ba1ebc06] ul{list-style-type:none;padding:0;margin:0}.panel-menu-wrapper[data-v-ba1ebc06] ul{padding-left:var(--inline-spacing)}.item-menu[data-v-ba1ebc06]{display:flex;align-items:center;padding:var(--inline-spacing);color:var(--text-color);text-decoration:none;border-radius:6px;margin-bottom:.25em;cursor:pointer}.item-menu.sub-item[data-v-ba1ebc06]{margin-bottom:var(--inline-spacing)}.item-menu[data-active=true][data-v-ba1ebc06]{background-color:var(--primary-hover-color);color:var(--primary-color)}.arrow[data-v-ba1ebc06]{transition:transform .3s}.arrow.--expand[data-v-ba1ebc06]{transform:rotate(90deg)}.primary-color:not(:disabled,.disabled,.component-disabled){color:var(--primary-color)!important}.primary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--primary-color)!important}.info-color:not(:disabled,.disabled,.component-disabled){color:var(--info-color)!important}.info-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--info-color)!important}.success-color:not(:disabled,.disabled,.component-disabled){color:var(--success-color)!important}.success-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--success-color)!important}.warn-color:not(:disabled,.disabled,.component-disabled){color:var(--warn-color)!important}.warn-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--warn-color)!important}.help-color:not(:disabled,.disabled,.component-disabled){color:var(--help-color)!important}.help-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--help-color)!important}.error-color:not(:disabled,.disabled,.component-disabled){color:var(--error-color)!important}.error-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--error-color)!important}.secondary-color:not(:disabled,.disabled,.component-disabled){color:var(--secondary-color)!important}.secondary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--secondary-color)!important}.text-color:not(:disabled,.disabled,.component-disabled){color:var(--text-color)!important}.text-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--text-color)!important}#sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:calc(100% - 80px);overflow:auto}#sf-layout nav>.sf-layout-nav-footer{height:80px;border-top:1px solid var(--surface-border-color);background-color:var(--surface-300-color)}#sf-layout nav>.sf-layout-nav-footer>.sf-layout-nav-footer-logo{height:60px;margin-top:10px;width:100%;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-light.png);background-position:center;background-size:contain;background-repeat:no-repeat}html.dark #sf-layout .sf-layout-nav-footer-logo{background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-dark.png)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:currentColor;pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:8px;height:8px;top:6px;right:6px}div.sf-icon>button+span[data-color=primary]{background-color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{background-color:var(--info-color)}div.sf-icon>button+span[data-color=success]{background-color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{background-color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{background-color:var(--help-color)}div.sf-icon>button+span[data-color=error]{background-color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{background-color:var(--secondary-color)}div.sf-icon>button+span[data-color=text]{background-color:var(--text-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-small{--size: calc(var(--material-icon-font-size) * .75)}div.sf-icon.sf-icon-medium{--size: var(--material-icon-font-size)}div.sf-icon.sf-icon-large{--size: calc(var(--material-icon-font-size) * 1.25)}div.sf-icon.sf-icon-large>button{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-xlarge{--size: calc(var(--material-icon-font-size) * 2)}div.sf-icon.sf-icon-xlarge>button{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-2xlarge{--size: calc(var(--material-icon-font-size) * 2.5)}div.sf-icon.sf-icon-2xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-3xlarge{--size: calc(var(--material-icon-font-size) * 3)}div.sf-icon.sf-icon-3xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon .sf-loading-circle{width:var(--size);height:var(--size)}div.sf-icon>button{font-size:var(--size);width:var(--size);height:var(--size);line-height:var(--size)}div.sf-icon.sf-icon-button{padding:6px;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}@media (pointer: fine){div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-within{cursor:pointer;background:color-mix(in srgb,currentColor 10%,transparent)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;color:var(--bg-color);text-align:center;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:var(--inline-spacing);border-radius:6px;background-color:var(--text-color);font-size:.875em}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -.75);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -.75);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline-block!important;width:fit-content;height:fit-content;border-radius:50%}.sf-tooltip-anchor:has(.component-disabled),.sf-tooltip-anchor:has(.component-loading){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:6px;border:1px solid transparent;width:fit-content;word-break:break-word;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:wrap}.sf-button .sf-icon{position:absolute;color:unset!important}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{min-height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-medium{min-height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-large{min-height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=primary].sf-button-filled{color:#fff;background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{color:var(--primary-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=info].sf-button-filled{color:#fff;background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{color:var(--info-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=success].sf-button-filled{color:#fff;background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{color:var(--success-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=warn].sf-button-filled{color:#000;background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{color:var(--warn-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=help].sf-button-filled{color:#fff;background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{color:var(--help-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=error].sf-button-filled{color:#fff;background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{color:var(--error-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=secondary].sf-button-filled{color:#fff;background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{color:var(--secondary-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}.sf-button[data-color=text].sf-button-outlined,.sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=text].sf-button-outlined:hover,.sf-button[data-color=text].sf-button-outlined:focus-visible,.sf-button[data-color=text].sf-button-text:hover,.sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=text].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{color:#fff;background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{color:var(--primary-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{color:#fff;background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{color:var(--info-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{color:#fff;background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{color:var(--success-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{color:#000;background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{color:var(--warn-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{color:#fff;background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{color:var(--help-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{color:#fff;background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{color:var(--error-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{color:#fff;background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{color:var(--secondary-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}html.dark .sf-button[data-color=text].sf-button-outlined,html.dark .sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=text].sf-button-outlined:hover,html.dark .sf-button[data-color=text].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=text].sf-button-text:hover,html.dark .sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=text].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}.sf-message{border-radius:4px;padding:1rem 1.5rem;margin:1rem;position:relative}.sf-message.sf-message-info{background-color:var(--info-hover-color);color:var(--info-color)}.sf-message.sf-message-error{background-color:var(--error-hover-color);color:var(--error-color)}.sf-message.sf-message-success{background-color:var(--success-hover-color);color:var(--success-color)}.sf-message.sf-message-warning{background-color:var(--warn-hover-color);color:var(--warn-color)}.sf-message.sf-message-help{background-color:var(--help-hover-color);color:var(--help-color)}.sf-message.sf-message-primary{background-color:var(--primary-hover-color);color:var(--primary-color)}.sf-message.sf-message-secondary{background-color:var(--secondary-hover-color);color:var(--secondary-color)}.sf-message[data-icon]{padding-left:3.25rem}.sf-message[data-icon]:before{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;content:attr(data-icon);position:absolute;top:50%;transform:translateY(-50%);left:1rem}
|
|
1
|
+
.display-content[data-v-acf8f09c]{display:contents}.panel-menu-wrapper[data-v-f3b30de9]{padding:var(--inline-spacing)}.panel-menu-wrapper[data-v-f3b30de9] ul{list-style-type:none;padding:0;margin:0}.panel-menu-wrapper[data-v-f3b30de9] ul{padding-left:var(--inline-spacing)}.item-menu[data-v-f3b30de9]{display:flex;align-items:center;padding:var(--inline-spacing);color:var(--text-color);text-decoration:none;border-radius:6px;margin-bottom:.25em;cursor:pointer}.item-menu.sub-item[data-v-f3b30de9]{margin-bottom:var(--inline-spacing)}.item-menu[data-active=true][data-v-f3b30de9]{background-color:var(--primary-hover-color);color:var(--primary-color)}.arrow[data-v-f3b30de9]{transition:transform .3s}.arrow.--expand[data-v-f3b30de9]{transform:rotate(90deg)}.primary-color:not(:disabled,.disabled,.component-disabled){color:var(--primary-color)!important}.primary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--primary-color)!important}.info-color:not(:disabled,.disabled,.component-disabled){color:var(--info-color)!important}.info-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--info-color)!important}.success-color:not(:disabled,.disabled,.component-disabled){color:var(--success-color)!important}.success-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--success-color)!important}.warn-color:not(:disabled,.disabled,.component-disabled){color:var(--warn-color)!important}.warn-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--warn-color)!important}.help-color:not(:disabled,.disabled,.component-disabled){color:var(--help-color)!important}.help-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--help-color)!important}.error-color:not(:disabled,.disabled,.component-disabled){color:var(--error-color)!important}.error-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--error-color)!important}.secondary-color:not(:disabled,.disabled,.component-disabled){color:var(--secondary-color)!important}.secondary-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--secondary-color)!important}.text-color:not(:disabled,.disabled,.component-disabled){color:var(--text-color)!important}.text-bgcolor:not(:disabled,.disabled,.component-disabled){background-color:var(--text-color)!important}#sf-layout{height:var(--window-height);overflow:hidden;position:relative}#sf-layout header{background-color:#001e49;color:#fff!important;height:var(--header-height);border-bottom:1px solid var(--surface-border-color);display:flex;align-items:center;padding:0 16px;transition:padding .3s linear}#sf-layout header .sf-icon{color:#fff!important}#sf-layout header #sf-theme-toggle svg,#sf-layout header .sf-svg-icon{fill:#fff!important}#sf-layout header .sf-layout-menu-toggler{cursor:pointer;display:flex;align-items:center}#sf-layout header .sf-layout-menu-toggler svg{transition:transform .2s linear}#sf-layout header .sf-layout-menu-toggler.invert svg{transform:rotate(180deg)}#sf-layout header .sf-layout-menu-toggler .sf-layout-menu-toggler-logo{height:40px;width:36px;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-header.png);background-position:center;background-size:contain;background-repeat:no-repeat}#sf-layout header>.title{padding:0 16px;font-size:1.25rem;font-weight:700;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#sf-layout main,#sf-layout nav{transition-duration:.2s;transition-timing-function:ease}#sf-layout main{position:relative;height:var(--main-height);width:100vw;padding-left:0;transition-property:padding}#sf-layout main>section#sf-layout-page-title{background-color:var(--surface-300-color);border-bottom:1px solid var(--surface-border-color);color:var(--secondary-color);font-size:.875rem;text-align:center;display:flex;align-items:center;justify-content:center;height:28px}#sf-layout main>section#sf-layout-page-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .75rem}#sf-layout main>section#sf-layout-page-title+#sf-layout-content{height:calc(100% - 28px)}#sf-layout main>section#sf-layout-page-title:empty{height:0;display:none}#sf-layout main>section#sf-layout-page-title:empty+#sf-layout-content{height:100%}#sf-layout main>section#sf-layout-content{overflow:hidden;height:100%}#sf-layout main.menu-visible{padding-left:290px}#sf-layout nav{--nav-width: min(100vw, 290px);z-index:5;position:absolute;top:var(--header-height);height:calc(var(--window-height) - var(--header-height));background-color:var(--surface-100-color);width:var(--nav-width);border-right:1px solid var(--surface-border-color);transform:translate(calc(-1 * var(--nav-width)));transition-property:transform;display:flex;flex-direction:column}#sf-layout nav.visible{transition-duration:.2s;transform:translate(0)}#sf-layout nav>.sf-layout-nav-content{height:calc(100% - 80px);overflow:auto}#sf-layout nav>.sf-layout-nav-footer{height:80px;border-top:1px solid var(--surface-border-color);background-color:var(--surface-300-color)}#sf-layout nav>.sf-layout-nav-footer>.sf-layout-nav-footer-logo{height:60px;margin-top:10px;width:100%;background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-light.png);background-position:center;background-size:contain;background-repeat:no-repeat}html.dark #sf-layout .sf-layout-nav-footer-logo{background-image:url(https://static.sf.prefeitura.sp.gov.br/logo-nav-theme-dark.png)}html #sf-theme-toggle{isolation:isolate;display:flex;align-items:center;background:none;border:none;padding:8px;position:relative;border-radius:50%}@media (pointer: fine){html #sf-theme-toggle:hover{cursor:pointer;background-color:hsla(var(--primary-color-h),var(--primary-color-s),var(--primary-color-l),.1)}html #sf-theme-toggle:focus-visible{outline-offset:0px}}html #sf-theme-toggle svg{height:24px;width:24px;fill:var(--text-color)}html #sf-theme-toggle .toggle-circle{transition:transform .5s ease-out;transform:translate(-15%)}html #sf-theme-toggle .toggle-sun{transform-origin:center center;transition:transform .75s cubic-bezier(.11,.14,.29,1.32);transform:rotate(.5turn)}html.dark #sf-theme-toggle .toggle-circle,html.dark #sf-theme-toggle .toggle-sun{transform:unset}svg.sf-svg-icon{height:24px;width:24px;fill:var(--text-color)}div.sf-loading-circle{display:inline-block;width:100%;height:100%}div.sf-loading-circle>div{position:relative}div.sf-loading-circle>div>svg{position:absolute;top:0;left:0;stroke:var(--text-color);animation:spin 2s linear infinite}div.sf-loading-circle>div>svg>circle{stroke-dasharray:1,200;stroke-dashoffset:0;animation:sf-loading-circle-circle-dash 1.5s ease-in-out infinite;stroke-linecap:square}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}div.sf-icon{position:relative;display:inline-flex;align-items:center}div.sf-icon>button{color:currentColor;pointer-events:none;background:none;border:none;padding:0}div.sf-icon>button+span{position:absolute;border-radius:50%;width:8px;height:8px;top:6px;right:6px}div.sf-icon>button+span[data-color=primary]{background-color:var(--primary-color)}div.sf-icon>button+span[data-color=info]{background-color:var(--info-color)}div.sf-icon>button+span[data-color=success]{background-color:var(--success-color)}div.sf-icon>button+span[data-color=warn]{background-color:var(--warn-color)}div.sf-icon>button+span[data-color=help]{background-color:var(--help-color)}div.sf-icon>button+span[data-color=error]{background-color:var(--error-color)}div.sf-icon>button+span[data-color=secondary]{background-color:var(--secondary-color)}div.sf-icon>button+span[data-color=text]{background-color:var(--text-color)}div.sf-icon>button:focus-visible{outline:none}div.sf-icon:has(button:focus-visible){outline:2px solid var(--surface-1300-color);outline-offset:0px}div.sf-icon .sf-loading-circle svg{stroke:currentColor}div.sf-icon.sf-icon-small{--size: calc(var(--material-icon-font-size) * .75)}div.sf-icon.sf-icon-medium{--size: var(--material-icon-font-size)}div.sf-icon.sf-icon-large{--size: calc(var(--material-icon-font-size) * 1.25)}div.sf-icon.sf-icon-large>button{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-xlarge{--size: calc(var(--material-icon-font-size) * 2)}div.sf-icon.sf-icon-xlarge>button{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-2xlarge{--size: calc(var(--material-icon-font-size) * 2.5)}div.sf-icon.sf-icon-2xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon.sf-icon-3xlarge{--size: calc(var(--material-icon-font-size) * 3)}div.sf-icon.sf-icon-3xlarge>button{font-variation-settings:"FILL" 0,"wght" 100,"GRAD" 0,"opsz" 48}div.sf-icon .sf-loading-circle{width:var(--size);height:var(--size)}div.sf-icon>button{font-size:var(--size);width:var(--size);height:var(--size);line-height:var(--size)}div.sf-icon.sf-icon-button{padding:6px;border-radius:50%;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0ms}@media (pointer: fine){div.sf-icon.sf-icon-button:hover,div.sf-icon.sf-icon-button:focus-within{cursor:pointer;background:color-mix(in srgb,currentColor 10%,transparent)}}div.sf-icon.sf-component-loading>button+span,div.sf-icon.sf-component-disabled>button+span{display:none}.sf-tooltip-wrapper{--arrow-width: 7.5px;pointer-events:none;color:var(--bg-color);text-align:center;position:absolute;opacity:0;transition:opacity .3s}.sf-tooltip-wrapper .sf-tooltip-inner{position:relative;padding:var(--inline-spacing);border-radius:6px;background-color:var(--text-color);font-size:.875em}.sf-tooltip-wrapper .sf-tooltip-inner:after{content:"";position:absolute;left:var(--arrow-width);top:calc(var(--arrow-width) * -.75);border-left:var(--arrow-width) solid transparent;border-right:var(--arrow-width) solid transparent;border-bottom:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.visible{opacity:1}.sf-tooltip-wrapper.top .sf-tooltip-inner:after{top:unset;bottom:calc(var(--arrow-width) * -.75);border-bottom:unset;border-top:var(--arrow-width) solid var(--text-color)}.sf-tooltip-wrapper.left .sf-tooltip-inner:after{left:unset;right:var(--arrow-width)}.sf-tooltip-anchor{display:inline-block!important;width:fit-content;height:fit-content;border-radius:50%}.sf-tooltip-anchor:has(.component-disabled),.sf-tooltip-anchor:has(.component-loading){pointer-events:none!important}.sf-drawer{pointer-events:auto;height:var(--window-height);background:var(--bg-color);border-right:1px solid var(--surface-border-color);width:min(360px,100vw);transform:translateZ(0);opacity:1;transition:all .2s linear}.sf-drawer .sf-drawer-header,.sf-drawer .sf-drawer-footer{border-color:var(--surface-border-color);height:60px}.sf-drawer .sf-drawer-header{padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-border-color)}.sf-drawer .sf-drawer-header .sf-drawer-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.sf-drawer .sf-drawer-content{overflow:auto;height:calc(var(--window-height) - 60px)}.sf-drawer .sf-drawer-footer{border-top:1px solid var(--surface-border-color)}.sf-drawer.sf-drawer-with-footer .sf-drawer-content{height:calc(var(--window-height) - 120px)}.sf-drawer-enter-active,.sf-drawer-leave-active{transition:all .2 linear}.sf-drawer-enter-from,.sf-drawer-leave-to{transform:translate3d(-100%,0,0)}.sf-mask.right{justify-content:flex-end}.sf-mask.right .sf-drawer{border-left:1px solid var(--surface-border-color);border-right:unset}.sf-mask.right .sf-drawer-enter-from,.sf-mask.right .sf-drawer-leave-to{transform:translate3d(100%,0,0)}.sf-mask.bottom,.sf-mask.full{justify-content:flex-end}.sf-mask.bottom .sf-drawer,.sf-mask.full .sf-drawer{border-left:unset;border-top:1px solid var(--surface-border-color);width:100%;height:420px;align-self:end}.sf-mask.bottom .sf-drawer-enter-from,.sf-mask.bottom .sf-drawer-leave-to,.sf-mask.full .sf-drawer-enter-from,.sf-mask.full .sf-drawer-leave-to{transform:translate3d(0,var(--window-height),0)}@media screen and (max-height: 360px){.mask.bottom .sf-drawer{height:var(--window-height)}}@media (pointer: coarse){.mask.bottom .sf-drawer{height:var(--window-height)}}.mask.full .sf-drawer{height:var(--window-height)}.sf-navmenulink{height:40px;text-decoration:none!important;position:relative;display:flex;align-items:center;padding:0 .75rem;border-radius:4px;margin:.5rem;color:var(--text-color)}.sf-navmenulink>span.sf-navmenulink-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5}.sf-navmenulink[data-active=true]{background-color:var(--surface-400-color);pointer-events:none;color:var(--primary-color)}.sf-navmenulink[data-active=true]>.sf-icon>button:first-child{color:var(--primary-color)}.sf-navmenulink:hover{background-color:var(--surface-300-color)}.sf-navmenulink:active{background-color:var(--surface-400-color)}.sf-content{height:100%;overflow:hidden;position:relative}.sf-content>.sf-content-body{height:75%;overflow:auto;scroll-behavior:smooth;padding:1rem}.sf-content>.sf-content-body.sf-content-no-padding{padding:0}.sf-content>.sf-content-header{top:0;border-bottom:1px solid var(--surface-900-color)}.sf-content>.sf-content-footer{bottom:0;border-top:1px solid var(--surface-900-color)}.sf-content>.sf-content-header,.sf-content>.sf-content-footer{width:100%;padding:0 1rem;height:60px;display:flex;align-items:center;gap:.5rem}.sf-content>.sf-content-header:empty,.sf-content>.sf-content-footer:empty{display:none;height:0}.sf-content>.sf-content-header.sf-content-no-padding,.sf-content>.sf-content-footer.sf-content-no-padding{padding:0;gap:0}.sf-content>.sf-content-header{background-color:var(--bg-color)}.sf-content>.sf-content-footer{background-color:var(--surface-300-color)}.sf-content:has(.sf-content-header:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-footer:empty)>.sf-content-body{height:calc(100% - 60px)}.sf-content:has(.sf-content-header:empty):has(.sf-content-footer:empty)>.sf-content-body{height:100%}button.sf-scrollToTop{position:fixed;z-index:100;bottom:10px;right:26px;opacity:0;transform:translateY(100px);transition:all .5s ease;border-radius:50%;width:48px;height:48px;background-color:var(--text-color);cursor:pointer;outline:none;border:none}button.sf-scrollToTop.sf-scrollToTop-visible{opacity:1;transform:translateY(0)}button.sf-scrollToTop:before{content:"";position:absolute;top:30%;right:30%;bottom:30%;left:30%;transform:translateY(20%) rotate(-45deg);border-top:5px solid var(--bg-color);border-right:5px solid var(--bg-color)}/*! SweetAlert2 github.com/sweetalert2/sweetalert2 */.swal2-container{display:grid;position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);height:100%;padding:.625em;overflow-x:hidden;transition:background-color .1s;-webkit-overflow-scrolling:touch}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:var(--maskbg-color)}.swal2-container.swal2-backdrop-hide{background:transparent!important}.swal2-container.swal2-top-start,.swal2-container.swal2-center-start,.swal2-container.swal2-bottom-start{grid-template-columns:minmax(0,1fr) auto auto}.swal2-container.swal2-top,.swal2-container.swal2-center,.swal2-container.swal2-bottom{grid-template-columns:auto minmax(0,1fr) auto}.swal2-container.swal2-top-end,.swal2-container.swal2-center-end,.swal2-container.swal2-bottom-end{grid-template-columns:auto auto minmax(0,1fr)}.swal2-container.swal2-top-start>.swal2-popup{align-self:start}.swal2-container.swal2-top>.swal2-popup{grid-column:2;align-self:start;justify-self:center}.swal2-container.swal2-top-end>.swal2-popup,.swal2-container.swal2-top-right>.swal2-popup{grid-column:3;align-self:start;justify-self:end}.swal2-container.swal2-center-start>.swal2-popup,.swal2-container.swal2-center-left>.swal2-popup{grid-row:2;align-self:center}.swal2-container.swal2-center>.swal2-popup{grid-column:2;grid-row:2;align-self:center;justify-self:center}.swal2-container.swal2-center-end>.swal2-popup,.swal2-container.swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;align-self:center;justify-self:end}.swal2-container.swal2-bottom-start>.swal2-popup,.swal2-container.swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}.swal2-container.swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;justify-self:center;align-self:end}.swal2-container.swal2-bottom-end>.swal2-popup,.swal2-container.swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;align-self:end;justify-self:end}.swal2-container.swal2-grow-row>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}.swal2-container.swal2-grow-column>.swal2-popup,.swal2-container.swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}.swal2-container.swal2-no-transition{transition:none!important}.swal2-popup{display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0,100%);width:32em;max-width:100%;padding:0 0 1.25em;border:none;border-radius:5px;background:var(--bg-color);color:var(--text-color);font-family:inherit;font-size:1rem}.swal2-popup:focus{outline:none}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-title{position:relative;max-width:100%;margin:0;padding:.8em 1em 0;color:inherit;font-size:1.5em;font-weight:700;text-align:center;text-transform:none;word-wrap:break-word}.swal2-actions{display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:center;width:auto;margin:1.25em auto 0;padding:0}.swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(var(--text-hover-color),var(--text-hover-color))}.swal2-loader{display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:var(--primary-color) transparent var(--primary-color) transparent}.swal2-styled{margin:.3125em;padding:.625em 1.1em;transition:box-shadow .1s;box-shadow:0 0 0 3px transparent;font-weight:500}.swal2-styled:not([disabled]){cursor:pointer}.swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:var(--primary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--primary-hover-color)}.swal2-styled.swal2-deny{border:0;border-radius:.25em;background:initial;background-color:var(--error-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-deny:focus{box-shadow:0 0 0 3px var(--error-hover-color)}.swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:var(--secondary-color);color:var(--bg-color);font-size:1em}.swal2-styled.swal2-cancel:focus{box-shadow:0 0 0 3px var(--text-hover-color)}.swal2-styled.swal2-default-outline:focus{box-shadow:0 0 0 3px var(--surface-200-color)}.swal2-styled:focus{outline:none}.swal2-styled::-moz-focus-inner{border:0}.swal2-footer{justify-content:center;margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--surface-border-color);color:inherit;font-size:1em}.swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto!important;overflow:hidden;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.swal2-timer-progress-bar{width:100%;height:.25em;background:var(--text-hover-color)}.swal2-image{max-width:100%;margin:2em auto 1em}.swal2-close{z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:color .1s,box-shadow .1s;border:none;border-radius:5px;background:transparent;color:var(--surface-600);font-family:serif;font-family:monospace;font-size:2.5em;cursor:pointer;justify-self:end}.swal2-close:hover{transform:none;background:transparent;color:var(--error-color)}.swal2-close:focus{outline:none;box-shadow:inset 0 0 0 3px var(--surface-200-color)}.swal2-close::-moz-focus-inner{border:0}.swal2-html-container{z-index:1;justify-content:center;margin:1em 1.6em .3em;padding:0;overflow:auto;color:inherit;font-size:1.125em;font-weight:400;line-height:normal;text-align:center;word-wrap:break-word;word-break:break-word}.swal2-input,.swal2-file,.swal2-textarea,.swal2-select,.swal2-radio,.swal2-checkbox{margin:1em 2em 3px}.swal2-input,.swal2-file,.swal2-textarea{box-sizing:border-box;width:auto;transition:border-color .1s,box-shadow .1s;border:1px solid var(--surface-border-color);border-radius:.1875em;background:var(--surface-100-color);box-shadow:inset 0 1px 1px var(--text-hover-color) 0 0 0 3px transparent;color:inherit;font-size:1.125em}.swal2-input.swal2-inputerror,.swal2-file.swal2-inputerror,.swal2-textarea.swal2-inputerror{border-color:var(--error-color)!important;background-color:var(--error-hover-color)}.swal2-input:focus,.swal2-file:focus,.swal2-textarea:focus{border:1px solid var(--primary-color);outline:none;box-shadow:none}.swal2-input::placeholder,.swal2-file::placeholder,.swal2-textarea::placeholder{color:var(--secondary-color)}.swal2-range{margin:1em 2em 3px;background:var(--bg-color)}.swal2-range input{width:80%}.swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}.swal2-range input,.swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}.swal2-input{height:2.625em;padding:0 .75em}.swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--surface-100-color);font-size:1.125em}.swal2-textarea{height:6.75em;padding:.75em}.swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--surface-100-color);color:inherit;font-size:1.125em}.swal2-radio,.swal2-checkbox{align-items:center;justify-content:center;background:var(--bg-color);color:inherit}.swal2-radio label,.swal2-checkbox label{margin:0 .6em;font-size:1.125em}.swal2-radio input,.swal2-checkbox input{flex-shrink:0;margin:0 .4em}.swal2-input-label{display:flex;justify-content:center;margin:1em auto 0}.swal2-validation-message{align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--surface-200-color);color:var(--text--color);font-size:1em;font-weight:300}.swal2-validation-message:before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:var(--error-color);color:var(--bg-color);font-weight:600;line-height:1.5em;text-align:center}.swal2-icon{position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;border:.25em solid transparent;border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;-webkit-user-select:none;user-select:none}.swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}.swal2-icon.swal2-error{border-color:var(--error-color);color:var(--error-color)}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:var(--error-color)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}.swal2-icon.swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}.swal2-icon.swal2-warning{border-color:var(--warn-color);background-color:var(--warn-hover-color);color:var(--warn-color)}.swal2-icon.swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}.swal2-icon.swal2-info{border-color:var(--info-color);background-color:var(--info-hover-color);color:var(--info-color)}.swal2-icon.swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}.swal2-icon.swal2-question{border-color:var(--help-color);background-color:var(--help-hover-color);color:var(--help-color)}.swal2-icon.swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}.swal2-icon.swal2-success{border-color:var(--success-color);background-color:var(--success-hover-color);color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-.25em;left:-.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid var(--success-hover-color);border-radius:50%}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:var(--success-color)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:transparent;font-weight:600}.swal2-progress-steps li{display:inline-block;position:relative}.swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:var(--primary-color);color:var(--bg-color);line-height:2em;text-align:center}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:var(--primary-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--primary-hover-color);color:var(--bg-color)}.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--primary-hover-color)}.swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:var(--primary-color)}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{animation:swal2-show .3s}.swal2-hide{animation:swal2-hide .15s forwards}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-no-war{display:flex;position:fixed;z-index:1061;top:0;left:0;align-items:center;justify-content:center;width:100%;height:3.375em;background:#20232a;color:#fff;text-align:center}.swal2-no-war a{color:#61dafb;text-decoration:none}.swal2-no-war a:hover{text-decoration:underline}@keyframes swal2-show{0%{transform:scale(.7)}45%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes swal2-hide{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}to{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}to{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}to{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(.4);opacity:0}50%{margin-top:1.625em;transform:scale(.4);opacity:0}80%{margin-top:-.375em;transform:scale(1.15)}to{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}to{transform:rotateX(0);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}to{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotate(45deg);opacity:0}25%{transform:rotate(-25deg);opacity:.4}50%{transform:rotate(15deg);opacity:.8}75%{transform:rotate(-5deg);opacity:1}to{transform:rotateX(0);opacity:1}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-no-backdrop .swal2-container{background-color:transparent!important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:all}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--maskbg-color)}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:static!important}}html #sf-header-avatar{text-transform:uppercase;line-height:1;word-break:keep-all;display:inline-flex;align-items:center;justify-content:center;background-position:center;background-size:contain;font-size:1rem;min-width:36px;min-height:36px;border-radius:50%;margin-left:.5rem;cursor:pointer}html #sf-header-avatar[data-cor="0"]{color:#feeceb;background-color:#aa1409}html #sf-header-avatar[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #aa140980;cursor:pointer}html #sf-header-avatar[data-cor="1"]{color:#fde9ef;background-color:#900e3a}html #sf-header-avatar[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #900e3a80;cursor:pointer}html #sf-header-avatar[data-cor="2"]{color:#f7e7fa;background-color:#5e176a}html #sf-header-avatar[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #5e176a80;cursor:pointer}html #sf-header-avatar[data-cor="3"]{color:#f0ebf9;background-color:#3e236e}html #sf-header-avatar[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #3e236e80;cursor:pointer}html #sf-header-avatar[data-cor="4"]{color:#ebedf8;background-color:#26316d}html #sf-header-avatar[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #26316d80;cursor:pointer}html #sf-header-avatar[data-cor="5"]{color:#e9f5fe;background-color:#085b9d}html #sf-header-avatar[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #085b9d80;cursor:pointer}html #sf-header-avatar[data-cor="6"]{color:#e5f7ff;background-color:#026592}html #sf-header-avatar[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #02659280;cursor:pointer}html #sf-header-avatar[data-cor="7"]{color:#e1fcff;background-color:#00717f}html #sf-header-avatar[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #00717f80;cursor:pointer}html #sf-header-avatar[data-cor="8"]{color:#dbfffc;background-color:#005a52}html #sf-header-avatar[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #005a5280;cursor:pointer}html #sf-header-avatar[data-cor="9"]{color:#edf7ed;background-color:#2e6930}html #sf-header-avatar[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #2e693080;cursor:pointer}html #sf-header-avatar[data-cor="10"]{color:#f3f9ed;background-color:#547928}html #sf-header-avatar[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #54792880;cursor:pointer}html #sf-header-avatar[data-cor="11"]{color:#fafceb;background-color:#838d19}html #sf-header-avatar[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #838d1980;cursor:pointer}html #sf-header-avatar[data-cor="12"]{color:#fffdeb;background-color:#bca900}html #sf-header-avatar[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #bca90080;cursor:pointer}html #sf-header-avatar[data-cor="13"]{color:#fff9e6;background-color:#9d7600}html #sf-header-avatar[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #9d760080;cursor:pointer}html #sf-header-avatar[data-cor="14"]{color:#fff5e6;background-color:#995b00}html #sf-header-avatar[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #995b0080;cursor:pointer}html #sf-header-avatar[data-cor="15"]{color:#ffeee9;background-color:#ad2a00}html #sf-header-avatar[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ad2a0080;cursor:pointer}html #sf-header-avatar[data-cor="16"]{color:#f3edeb;background-color:#49332b}html #sf-header-avatar[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #49332b80;cursor:pointer}html #sf-header-avatar[data-cor="17"]{color:#f5f5f5;background-color:#5f5f5f}html #sf-header-avatar[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #5f5f5f80;cursor:pointer}html #sf-header-avatar[data-cor="18"]{color:#eff2f4;background-color:#3a4b53}html #sf-header-avatar[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #3a4b5380;cursor:pointer}html #sf-header-avatar.dark[data-cor="0"]{color:#1c0302;background-color:#f88e86}html #sf-header-avatar.dark[data-cor="0"][data-hover]:hover{box-shadow:0 0 0 2px #f88e8680;cursor:pointer}html #sf-header-avatar.dark[data-cor="1"]{color:#18020a;background-color:#f278a1}html #sf-header-avatar.dark[data-cor="1"][data-hover]:hover{box-shadow:0 0 0 2px #f278a180;cursor:pointer}html #sf-header-avatar.dark[data-cor="2"]{color:#100412;background-color:#ce6edf}html #sf-header-avatar.dark[data-cor="2"][data-hover]:hover{box-shadow:0 0 0 2px #ce6edf80;cursor:pointer}html #sf-header-avatar.dark[data-cor="3"]{color:#0a0612;background-color:#a384d8}html #sf-header-avatar.dark[data-cor="3"][data-hover]:hover{box-shadow:0 0 0 2px #a384d880;cursor:pointer}html #sf-header-avatar.dark[data-cor="4"]{color:#060812;background-color:#8994d6}html #sf-header-avatar.dark[data-cor="4"][data-hover]:hover{box-shadow:0 0 0 2px #8994d680;cursor:pointer}html #sf-header-avatar.dark[data-cor="5"]{color:#010f1a;background-color:#7ac0f8}html #sf-header-avatar.dark[data-cor="5"][data-hover]:hover{box-shadow:0 0 0 2px #7ac0f880;cursor:pointer}html #sf-header-avatar.dark[data-cor="6"]{color:#001118;background-color:#63cdfd}html #sf-header-avatar.dark[data-cor="6"][data-hover]:hover{box-shadow:0 0 0 2px #63cdfd80;cursor:pointer}html #sf-header-avatar.dark[data-cor="7"]{color:#001315;background-color:#4cebff}html #sf-header-avatar.dark[data-cor="7"][data-hover]:hover{box-shadow:0 0 0 2px #4cebff80;cursor:pointer}html #sf-header-avatar.dark[data-cor="8"]{color:#000f0e;background-color:#27ffeb}html #sf-header-avatar.dark[data-cor="8"][data-hover]:hover{box-shadow:0 0 0 2px #27ffeb80;cursor:pointer}html #sf-header-avatar.dark[data-cor="9"]{color:#081208;background-color:#93d095}html #sf-header-avatar.dark[data-cor="9"][data-hover]:hover{box-shadow:0 0 0 2px #93d09580;cursor:pointer}html #sf-header-avatar.dark[data-cor="10"]{color:#0e1407;background-color:#b9db92}html #sf-header-avatar.dark[data-cor="10"][data-hover]:hover{box-shadow:0 0 0 2px #b9db9280;cursor:pointer}html #sf-header-avatar.dark[data-cor="11"]{color:#161804;background-color:#e1ea88}html #sf-header-avatar.dark[data-cor="11"][data-hover]:hover{box-shadow:0 0 0 2px #e1ea8880;cursor:pointer}html #sf-header-avatar.dark[data-cor="12"]{color:#1f1c00;background-color:#fff389}html #sf-header-avatar.dark[data-cor="12"][data-hover]:hover{box-shadow:0 0 0 2px #fff38980;cursor:pointer}html #sf-header-avatar.dark[data-cor="13"]{color:#1a1400;background-color:#ffda6a}html #sf-header-avatar.dark[data-cor="13"][data-hover]:hover{box-shadow:0 0 0 2px #ffda6a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="14"]{color:#1a0f00;background-color:#ffc166}html #sf-header-avatar.dark[data-cor="14"][data-hover]:hover{box-shadow:0 0 0 2px #ffc16680;cursor:pointer}html #sf-header-avatar.dark[data-cor="15"]{color:#1d0700;background-color:#ff9a7a}html #sf-header-avatar.dark[data-cor="15"][data-hover]:hover{box-shadow:0 0 0 2px #ff9a7a80;cursor:pointer}html #sf-header-avatar.dark[data-cor="16"]{color:#0c0907;background-color:#b89588}html #sf-header-avatar.dark[data-cor="16"][data-hover]:hover{box-shadow:0 0 0 2px #b8958880;cursor:pointer}html #sf-header-avatar.dark[data-cor="17"]{color:#101010;background-color:#c5c5c5}html #sf-header-avatar.dark[data-cor="17"][data-hover]:hover{box-shadow:0 0 0 2px #c5c5c580;cursor:pointer}html #sf-header-avatar.dark[data-cor="18"]{color:#0a0d0e;background-color:#9db2bc}html #sf-header-avatar.dark[data-cor="18"][data-hover]:hover{box-shadow:0 0 0 2px #9db2bc80;cursor:pointer}.sf-tab-navigation{background:var(--surface-100-color);overflow:hidden;position:relative}.sf-tab-navigation svg{width:36px;height:36px;padding:8px;cursor:pointer;color:var(--text-color);border-radius:50%;pointer-events:auto}.sf-tab-navigation ul{padding:0;margin:0;display:flex;height:42px;list-style:none;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none;scroll-behavior:smooth;background-color:var(--bg-color);border-bottom:1px solid var(--surface-border-color)}.sf-tab-navigation ul>li{display:flex;align-items:center;padding:0 1rem;border-bottom:2px solid transparent}.sf-tab-navigation ul>li[data-active=true]{border-bottom-color:var(--primary-color);pointer-events:none}.sf-tab-navigation ul>li:not([data-active=true])>a:hover,.sf-tab-navigation ul>li:not([data-active=true])>a:focus{color:var(--info-color)}.sf-tab-navigation ul>li>a{text-decoration:none}.sf-tab-navigation ul::-webkit-scrollbar{display:none}.sf-tab-navigation .right-arrow,.sf-tab-navigation .left-arrow{position:absolute;height:100%;width:100px;top:0;display:none;align-items:center;padding:0 10px;pointer-events:none}.sf-tab-navigation .right-arrow.active,.sf-tab-navigation .left-arrow.active{display:flex}.sf-tab-navigation .right-arrow{right:0;background:linear-gradient(to left,var(--surface-100-color) 30%,transparent);justify-content:flex-end}.sf-tab-navigation .left-arrow{background:linear-gradient(to right,var(--surface-100-color) 50%,transparent)}.sf-tab-navigation svg:hover{background:var(--surface-300-color)}.sf-button{position:relative;display:inline-flex;align-items:center;border-radius:6px;border:1px solid transparent;width:fit-content;word-break:break-word;font-weight:400;transition:opacity .2s ease-in-out}.sf-button:hover{cursor:pointer}.sf-button .sf-button-label{white-space:wrap}.sf-button .sf-icon{position:absolute;color:unset!important}.sf-button .sf-icon>button{color:currentColor!important}.sf-button.sf-component-loading{color:var(--disabled-color)!important;border-color:var(--disabled-color)!important}.sf-button.sf-component-loading .sf-button-label{color:transparent!important}.sf-button.sf-button-filled:disabled{background-color:hsla(var(--disabled-color-h),var(--disabled-color-s),var(--disabled-color-l),.5)!important}.sf-button.sf-button-small{min-height:32px;font-size:.875rem;padding:0 12px}.sf-button.sf-button-small.sf-button-with-icon{padding-left:28px}.sf-button.sf-button-small .sf-icon{top:0;right:0;bottom:0;left:6px}.sf-button.sf-button-small .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-8px}.sf-button.sf-button-medium{min-height:36px;font-size:1rem;padding:0 12px}.sf-button.sf-button-medium.sf-button-with-icon{padding-left:38px}.sf-button.sf-button-medium .sf-icon{top:0;right:0;bottom:0;left:8px}.sf-button.sf-button-medium .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-12px}.sf-button.sf-button-large{min-height:48px;font-size:1.25rem;padding:0 16px}.sf-button.sf-button-large.sf-button-with-icon{padding-left:54px}.sf-button.sf-button-large .sf-icon{top:0;right:0;bottom:0;left:10px}.sf-button.sf-button-large .sf-icon.sf-component-loading{top:0;right:0;bottom:0;left:50%;margin-left:-18px}.sf-button.sf-button-large .sf-button-label{line-height:48px}@media (pointer: fine){.sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=primary].sf-button-filled{color:#fff;background-color:var(--primary-color)}.sf-button[data-color=primary].sf-button-outlined,.sf-button[data-color=primary].sf-button-text{color:var(--primary-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=primary].sf-button-outlined:hover,.sf-button[data-color=primary].sf-button-outlined:focus-visible,.sf-button[data-color=primary].sf-button-text:hover,.sf-button[data-color=primary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=info].sf-button-filled{color:#fff;background-color:var(--info-color)}.sf-button[data-color=info].sf-button-outlined,.sf-button[data-color=info].sf-button-text{color:var(--info-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=info].sf-button-outlined:hover,.sf-button[data-color=info].sf-button-outlined:focus-visible,.sf-button[data-color=info].sf-button-text:hover,.sf-button[data-color=info].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=success].sf-button-filled{color:#fff;background-color:var(--success-color)}.sf-button[data-color=success].sf-button-outlined,.sf-button[data-color=success].sf-button-text{color:var(--success-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=success].sf-button-outlined:hover,.sf-button[data-color=success].sf-button-outlined:focus-visible,.sf-button[data-color=success].sf-button-text:hover,.sf-button[data-color=success].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=warn].sf-button-filled{color:#000;background-color:var(--warn-color)}.sf-button[data-color=warn].sf-button-outlined,.sf-button[data-color=warn].sf-button-text{color:var(--warn-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=warn].sf-button-outlined:hover,.sf-button[data-color=warn].sf-button-outlined:focus-visible,.sf-button[data-color=warn].sf-button-text:hover,.sf-button[data-color=warn].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=help].sf-button-filled{color:#fff;background-color:var(--help-color)}.sf-button[data-color=help].sf-button-outlined,.sf-button[data-color=help].sf-button-text{color:var(--help-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=help].sf-button-outlined:hover,.sf-button[data-color=help].sf-button-outlined:focus-visible,.sf-button[data-color=help].sf-button-text:hover,.sf-button[data-color=help].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=error].sf-button-filled{color:#fff;background-color:var(--error-color)}.sf-button[data-color=error].sf-button-outlined,.sf-button[data-color=error].sf-button-text{color:var(--error-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=error].sf-button-outlined:hover,.sf-button[data-color=error].sf-button-outlined:focus-visible,.sf-button[data-color=error].sf-button-text:hover,.sf-button[data-color=error].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=secondary].sf-button-filled{color:#fff;background-color:var(--secondary-color)}.sf-button[data-color=secondary].sf-button-outlined,.sf-button[data-color=secondary].sf-button-text{color:var(--secondary-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=secondary].sf-button-outlined:hover,.sf-button[data-color=secondary].sf-button-outlined:focus-visible,.sf-button[data-color=secondary].sf-button-text:hover,.sf-button[data-color=secondary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){.sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}.sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}.sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}.sf-button[data-color=text].sf-button-outlined,.sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){.sf-button[data-color=text].sf-button-outlined:hover,.sf-button[data-color=text].sf-button-outlined:focus-visible,.sf-button[data-color=text].sf-button-text:hover,.sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}.sf-button[data-color=text].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=primary]:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=primary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=primary].sf-button-filled{color:#fff;background-color:var(--primary-color)}html.dark .sf-button[data-color=primary].sf-button-outlined,html.dark .sf-button[data-color=primary].sf-button-text{color:var(--primary-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=primary].sf-button-outlined:hover,html.dark .sf-button[data-color=primary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=primary].sf-button-text:hover,html.dark .sf-button[data-color=primary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=primary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=info]:focus-visible{outline:2px solid var(--info-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=info]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=info].sf-button-filled{color:#fff;background-color:var(--info-color)}html.dark .sf-button[data-color=info].sf-button-outlined,html.dark .sf-button[data-color=info].sf-button-text{color:var(--info-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=info].sf-button-outlined:hover,html.dark .sf-button[data-color=info].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=info].sf-button-text:hover,html.dark .sf-button[data-color=info].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=info].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=success]:focus-visible{outline:2px solid var(--success-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=success]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=success].sf-button-filled{color:#fff;background-color:var(--success-color)}html.dark .sf-button[data-color=success].sf-button-outlined,html.dark .sf-button[data-color=success].sf-button-text{color:var(--success-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=success].sf-button-outlined:hover,html.dark .sf-button[data-color=success].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=success].sf-button-text:hover,html.dark .sf-button[data-color=success].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=success].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=warn]:focus-visible{outline:2px solid var(--warn-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=warn]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=warn].sf-button-filled{color:#000;background-color:var(--warn-color)}html.dark .sf-button[data-color=warn].sf-button-outlined,html.dark .sf-button[data-color=warn].sf-button-text{color:var(--warn-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=warn].sf-button-outlined:hover,html.dark .sf-button[data-color=warn].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=warn].sf-button-text:hover,html.dark .sf-button[data-color=warn].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=warn].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=help]:focus-visible{outline:2px solid var(--help-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=help]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=help].sf-button-filled{color:#fff;background-color:var(--help-color)}html.dark .sf-button[data-color=help].sf-button-outlined,html.dark .sf-button[data-color=help].sf-button-text{color:var(--help-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=help].sf-button-outlined:hover,html.dark .sf-button[data-color=help].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=help].sf-button-text:hover,html.dark .sf-button[data-color=help].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=help].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=error]:focus-visible{outline:2px solid var(--error-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=error]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=error].sf-button-filled{color:#fff;background-color:var(--error-color)}html.dark .sf-button[data-color=error].sf-button-outlined,html.dark .sf-button[data-color=error].sf-button-text{color:var(--error-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=error].sf-button-outlined:hover,html.dark .sf-button[data-color=error].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=error].sf-button-text:hover,html.dark .sf-button[data-color=error].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=error].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=secondary]:focus-visible{outline:2px solid var(--secondary-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=secondary]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=secondary].sf-button-filled{color:#fff;background-color:var(--secondary-color)}html.dark .sf-button[data-color=secondary].sf-button-outlined,html.dark .sf-button[data-color=secondary].sf-button-text{color:var(--secondary-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=secondary].sf-button-outlined:hover,html.dark .sf-button[data-color=secondary].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=secondary].sf-button-text:hover,html.dark .sf-button[data-color=secondary].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=secondary].sf-button-text{border-color:transparent!important}@media (pointer: fine){html.dark .sf-button[data-color=text]:focus-visible{outline:2px solid var(--text-color);outline-offset:1px;border-color:var(--bg-color)}}html.dark .sf-button[data-color=text]:active{transition:0s;filter:brightness(.9)}html.dark .sf-button[data-color=text].sf-button-filled{color:#fff;background-color:var(--text-color)}html.dark .sf-button[data-color=text].sf-button-outlined,html.dark .sf-button[data-color=text].sf-button-text{color:var(--text-color);background-color:transparent}@media (pointer: fine){html.dark .sf-button[data-color=text].sf-button-outlined:hover,html.dark .sf-button[data-color=text].sf-button-outlined:focus-visible,html.dark .sf-button[data-color=text].sf-button-text:hover,html.dark .sf-button[data-color=text].sf-button-text:focus-visible{background:color-mix(in srgb,currentColor 10%,transparent)}}html.dark .sf-button[data-color=text].sf-button-text{border-color:transparent!important}.sf-mask{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;pointer-events:none}.sf-mask-overlay-enter{pointer-events:auto;animation:sf-mask-overlay-enter-animation .25s forwards}.sf-mask-overlay-leave{animation:sf-mask-overlay-leave-animation .25s forwards}@keyframes sf-mask-overlay-enter-animation{0%{background-color:transparent}to{background-color:var(--maskbg-color)}}@keyframes sf-mask-overlay-leave-animation{0%{background-color:var(--maskbg-color)}to{background-color:transparent}}.sf-message{border-radius:4px;padding:1rem 1.5rem;margin:1rem;position:relative}.sf-message.sf-message-info{background-color:var(--info-hover-color);color:var(--info-color)}.sf-message.sf-message-error{background-color:var(--error-hover-color);color:var(--error-color)}.sf-message.sf-message-success{background-color:var(--success-hover-color);color:var(--success-color)}.sf-message.sf-message-warning{background-color:var(--warn-hover-color);color:var(--warn-color)}.sf-message.sf-message-help{background-color:var(--help-hover-color);color:var(--help-color)}.sf-message.sf-message-primary{background-color:var(--primary-hover-color);color:var(--primary-color)}.sf-message.sf-message-secondary{background-color:var(--secondary-hover-color);color:var(--secondary-color)}.sf-message[data-icon]{padding-left:3.25rem}.sf-message[data-icon]:before{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;content:attr(data-icon);position:absolute;top:50%;transform:translateY(-50%);left:1rem}
|
package/package.json
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@luizleon/sf.prefeiturasp.vuecomponents",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.4",
|
|
4
4
|
"type": "module",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist"
|
|
7
|
+
],
|
|
5
8
|
"main": "dist/sf.prefeiturasp.vuecomponents.umd.js",
|
|
6
9
|
"module": "dist/sf.prefeiturasp.vuecomponents.es.js",
|
|
7
|
-
"types": "dist/
|
|
10
|
+
"types": "dist/index.d.ts",
|
|
8
11
|
"scripts": {
|
|
9
12
|
"build": "rimraf ./dist/ && vue-tsc --noEmit && vite build"
|
|
10
13
|
},
|
package/src/axios/axiosClient.ts
DELETED
|
@@ -1,207 +0,0 @@
|
|
|
1
|
-
import _axios, { AxiosInstance, AxiosResponse } from "axios";
|
|
2
|
-
import { AppResult } from "../common/appResult";
|
|
3
|
-
import Keycloak from "../keycloak";
|
|
4
|
-
|
|
5
|
-
class AxiosClient {
|
|
6
|
-
constructor(keycloak: Keycloak, baseUrl: string) {
|
|
7
|
-
this.keycloak = keycloak;
|
|
8
|
-
this.axios = _axios.create();
|
|
9
|
-
this.axios.defaults.baseURL = baseUrl;
|
|
10
|
-
this.axios.defaults.headers.common["content-type"] =
|
|
11
|
-
"application/json";
|
|
12
|
-
this.axios.defaults.timeout = 1000 * 60 * 5;
|
|
13
|
-
this.axios.interceptors.request.use(async (config) => {
|
|
14
|
-
await this.SilentLogin();
|
|
15
|
-
const token = this.keycloak.token;
|
|
16
|
-
config.headers.Authorization = `Bearer ${token}`;
|
|
17
|
-
return config;
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
keycloak: Keycloak;
|
|
21
|
-
axios: AxiosInstance;
|
|
22
|
-
private fileName: string = "silent-login.html";
|
|
23
|
-
|
|
24
|
-
private ParseAppResult(data: any): AppResult<any> | null {
|
|
25
|
-
try {
|
|
26
|
-
const check1 = typeof data.hasSuccess === "boolean";
|
|
27
|
-
const check2 = typeof data.hasError === "boolean";
|
|
28
|
-
const check3 = typeof data.httpStatusCode === "number";
|
|
29
|
-
const check4 = Array.isArray(data.errors);
|
|
30
|
-
if (check1 && check2 && check3 && check4) return data;
|
|
31
|
-
return null;
|
|
32
|
-
} catch {
|
|
33
|
-
return null;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
/**
|
|
38
|
-
* Usar após 'then' (httpStatusCode 2xx) para obter o resultado da requisição.
|
|
39
|
-
* @param r
|
|
40
|
-
*/
|
|
41
|
-
HandleThen<T>(r: AxiosResponse<any, any>): AppResult<T> {
|
|
42
|
-
const result = new AppResult<T>();
|
|
43
|
-
const parsed = this.ParseAppResult(r.data);
|
|
44
|
-
if (parsed === null) {
|
|
45
|
-
// Foi recebido um httpStatusCode 2xx, mas não é um AppResult.
|
|
46
|
-
// Então, o resultado é o próprio 'data'.
|
|
47
|
-
// Por padrão, httpStatusCode é 200.
|
|
48
|
-
result.value = r.data;
|
|
49
|
-
return result;
|
|
50
|
-
}
|
|
51
|
-
if (parsed.hasError) {
|
|
52
|
-
// Foi recebido um httpStatusCode 2xx e é um AppResult.
|
|
53
|
-
// Porém, o resultado é um erro.
|
|
54
|
-
// Então, adiciona os erros e o httpStatusCode.
|
|
55
|
-
parsed.errors.forEach((e) => result.WithError(e));
|
|
56
|
-
result.httpStatusCode = parsed.httpStatusCode;
|
|
57
|
-
return result;
|
|
58
|
-
}
|
|
59
|
-
// Foi recebido um httpStatusCode 2xx e é um AppResult.
|
|
60
|
-
// O resultado é um sucesso.
|
|
61
|
-
// Então, adiciona o valor.
|
|
62
|
-
// Por padrão, httpStatusCode é 200.
|
|
63
|
-
result.value = r.data.value;
|
|
64
|
-
return result;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Usar após 'catch' (httpStatusCode 4xx ou 5xx) para obter o resultado da requisição.
|
|
69
|
-
* @param r
|
|
70
|
-
* @returns
|
|
71
|
-
*/
|
|
72
|
-
HandleCatch<T>(r: any): AppResult<T> {
|
|
73
|
-
const result = new AppResult<T>();
|
|
74
|
-
const parsed = this.ParseAppResult(r.response?.data);
|
|
75
|
-
if (parsed === null) {
|
|
76
|
-
// Foi recebido um httpStatusCode 4xx ou 5xx, mas não é um AppResult.
|
|
77
|
-
// Então só adiciona o erro.
|
|
78
|
-
result.WithError(r.message);
|
|
79
|
-
} else {
|
|
80
|
-
// Foi recebido um httpStatusCode 4xx ou 5xx e é um AppResult.
|
|
81
|
-
// Então, adiciona os erros e o httpStatusCode.
|
|
82
|
-
result.WithErrors(parsed.errors);
|
|
83
|
-
result.httpStatusCode = parsed.httpStatusCode;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
return result;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
private async SilentLogin() {
|
|
90
|
-
return new Promise<boolean>(async (res) => {
|
|
91
|
-
if (!this.isTokenExpired) {
|
|
92
|
-
res(true);
|
|
93
|
-
return;
|
|
94
|
-
}
|
|
95
|
-
const iframe = this.GenerateIframe();
|
|
96
|
-
const fn = (e: MessageEvent) => {
|
|
97
|
-
document.body.removeChild(iframe);
|
|
98
|
-
window.removeEventListener("message", fn);
|
|
99
|
-
if (e.origin !== location.origin) {
|
|
100
|
-
res(false);
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
const action = e.data.action;
|
|
104
|
-
const code = e.data.code;
|
|
105
|
-
const state = e.data.state;
|
|
106
|
-
const error = e.data.error;
|
|
107
|
-
if (
|
|
108
|
-
action !== "silent-login-iframe-result" ||
|
|
109
|
-
error === "login_required" ||
|
|
110
|
-
!code
|
|
111
|
-
) {
|
|
112
|
-
res(false);
|
|
113
|
-
return;
|
|
114
|
-
}
|
|
115
|
-
const req = new XMLHttpRequest();
|
|
116
|
-
req.open("POST", this.tokenExchangeUrl, true);
|
|
117
|
-
req.setRequestHeader(
|
|
118
|
-
"Content-type",
|
|
119
|
-
"application/x-www-form-urlencoded"
|
|
120
|
-
);
|
|
121
|
-
req.onreadystatechange = () => {
|
|
122
|
-
if (req.readyState === 4) {
|
|
123
|
-
if (req.status === 200) {
|
|
124
|
-
const tokenResponse = JSON.parse(req.responseText);
|
|
125
|
-
this.keycloak.setToken(
|
|
126
|
-
tokenResponse.access_token,
|
|
127
|
-
null,
|
|
128
|
-
tokenResponse.id_token,
|
|
129
|
-
new Date().getTime()
|
|
130
|
-
);
|
|
131
|
-
res(true);
|
|
132
|
-
return;
|
|
133
|
-
}
|
|
134
|
-
res(false);
|
|
135
|
-
}
|
|
136
|
-
};
|
|
137
|
-
req.send(this.TokenExchangeParams(code, state));
|
|
138
|
-
};
|
|
139
|
-
window.addEventListener("message", fn);
|
|
140
|
-
}).then((r) => {
|
|
141
|
-
if (!r) {
|
|
142
|
-
this.keycloak.clearToken();
|
|
143
|
-
this.keycloak.login();
|
|
144
|
-
}
|
|
145
|
-
return r;
|
|
146
|
-
});
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
private GetCodeVerifierFromState(state: string) {
|
|
150
|
-
const key = `kc-callback-${state}`;
|
|
151
|
-
const stored = localStorage.getItem(key);
|
|
152
|
-
if (stored) {
|
|
153
|
-
localStorage.removeItem(key);
|
|
154
|
-
return JSON.parse(stored).pkceCodeVerifier;
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
|
|
158
|
-
private TokenExchangeParams(code: string, state: string) {
|
|
159
|
-
let params = `code=${code}&grant_type=authorization_code`;
|
|
160
|
-
params += `&client_id=${encodeURIComponent(
|
|
161
|
-
this.keycloak.clientId!
|
|
162
|
-
)}`;
|
|
163
|
-
params += `&redirect_uri=${this.silentLoginRedirectUrl}`;
|
|
164
|
-
params += `&code_verifier=${this.GetCodeVerifierFromState(
|
|
165
|
-
state
|
|
166
|
-
)}`;
|
|
167
|
-
return params;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
private GenerateIframe() {
|
|
171
|
-
const iframe = document.createElement("iframe");
|
|
172
|
-
iframe.src =
|
|
173
|
-
this.keycloak.createLoginUrl({
|
|
174
|
-
prompt: "none",
|
|
175
|
-
redirectUri: this.silentLoginRedirectUrl,
|
|
176
|
-
}) ?? "";
|
|
177
|
-
document.body.appendChild(iframe);
|
|
178
|
-
return iframe;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
private get silentLoginRedirectUrl() {
|
|
182
|
-
return `${location.origin}/${this.fileName}`;
|
|
183
|
-
}
|
|
184
|
-
|
|
185
|
-
private get tokenExchangeUrl() {
|
|
186
|
-
return `${this.keycloak.authServerUrl}/realms/${this.keycloak.realm}/protocol/openid-connect/token`;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
private get isTokenExpired() {
|
|
190
|
-
const token = this.keycloak.tokenParsed;
|
|
191
|
-
const exp = token ? token["exp"] : null;
|
|
192
|
-
|
|
193
|
-
if (!token || !exp) return true;
|
|
194
|
-
|
|
195
|
-
const expiresIn =
|
|
196
|
-
exp -
|
|
197
|
-
Math.ceil(new Date().getTime() / 1000) +
|
|
198
|
-
(this.keycloak.timeSkew ?? 0);
|
|
199
|
-
|
|
200
|
-
return expiresIn < 10;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
|
|
204
|
-
const UseAxiosClient = (keycloak: Keycloak, baseURL: string) =>
|
|
205
|
-
new AxiosClient(keycloak, baseURL);
|
|
206
|
-
|
|
207
|
-
export { AxiosClient, UseAxiosClient };
|
package/src/common/appResult.ts
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export class AppResult<Value = null> {
|
|
2
|
-
constructor(value: Value | null = null) {
|
|
3
|
-
this._value = value;
|
|
4
|
-
this._httpStatusCode = 200;
|
|
5
|
-
}
|
|
6
|
-
errors: string[] = [];
|
|
7
|
-
private _value?: Value | null = null;
|
|
8
|
-
private _httpStatusCode: number;
|
|
9
|
-
get value() {
|
|
10
|
-
return this._value as Value;
|
|
11
|
-
}
|
|
12
|
-
set value(v: Value) {
|
|
13
|
-
this._value = v;
|
|
14
|
-
}
|
|
15
|
-
get hasSuccess(): boolean {
|
|
16
|
-
return !this.hasError;
|
|
17
|
-
}
|
|
18
|
-
get hasError(): boolean {
|
|
19
|
-
return this.errors.length > 0;
|
|
20
|
-
}
|
|
21
|
-
get httpStatusCode() {
|
|
22
|
-
return this._httpStatusCode;
|
|
23
|
-
}
|
|
24
|
-
set httpStatusCode(v: number) {
|
|
25
|
-
this._httpStatusCode = v;
|
|
26
|
-
}
|
|
27
|
-
WithError(error: string) {
|
|
28
|
-
this.errors.push(error);
|
|
29
|
-
if (this._httpStatusCode === 200) this._httpStatusCode = 400;
|
|
30
|
-
}
|
|
31
|
-
WithErrors(errors: string[]) {
|
|
32
|
-
errors.forEach((error) => this.WithError(error));
|
|
33
|
-
}
|
|
34
|
-
}
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
<script setup lang="ts">
|
|
2
|
-
import { StyleValue } from "vue";
|
|
3
|
-
import Icon from "../icon/Icon.vue";
|
|
4
|
-
import { CssClassBuilder } from "../internal/cssClassBuilder";
|
|
5
|
-
|
|
6
|
-
export interface SfButtonProps {
|
|
7
|
-
icon?: string;
|
|
8
|
-
/**
|
|
9
|
-
* @default true
|
|
10
|
-
*/
|
|
11
|
-
visible?: boolean;
|
|
12
|
-
class?: any;
|
|
13
|
-
style?: StyleValue;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
loading?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* @default 'primary'
|
|
18
|
-
*/
|
|
19
|
-
color?:
|
|
20
|
-
| "primary"
|
|
21
|
-
| "secondary"
|
|
22
|
-
| "info"
|
|
23
|
-
| "success"
|
|
24
|
-
| "help"
|
|
25
|
-
| "warn"
|
|
26
|
-
| "error"
|
|
27
|
-
| undefined;
|
|
28
|
-
/**
|
|
29
|
-
* @default 'md'
|
|
30
|
-
*/
|
|
31
|
-
size?: "sm" | "md" | "lg" | undefined;
|
|
32
|
-
/**
|
|
33
|
-
* @default 'filled'
|
|
34
|
-
*/
|
|
35
|
-
variant?: "filled" | "outlined" | "text" | undefined;
|
|
36
|
-
autofocus?: boolean;
|
|
37
|
-
form?: string;
|
|
38
|
-
name?: string;
|
|
39
|
-
id?: string;
|
|
40
|
-
/**
|
|
41
|
-
* @default 'button'
|
|
42
|
-
*/
|
|
43
|
-
type?: "submit" | "reset" | "button";
|
|
44
|
-
value?: string | string[] | number;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
const props: SfButtonProps = withDefaults(
|
|
48
|
-
defineProps<SfButtonProps>(),
|
|
49
|
-
{
|
|
50
|
-
visible: true,
|
|
51
|
-
color: "primary",
|
|
52
|
-
size: "md",
|
|
53
|
-
type: "button",
|
|
54
|
-
variant: "filled",
|
|
55
|
-
}
|
|
56
|
-
);
|
|
57
|
-
|
|
58
|
-
function CssClass() {
|
|
59
|
-
return new CssClassBuilder(`${props.class ?? ""} sf-button`)
|
|
60
|
-
.AddClass("sf-component-loading", props.loading)
|
|
61
|
-
.AddClass("sf-component-disabled", props.disabled)
|
|
62
|
-
.AddClass("sf-button-small", props.size === "sm")
|
|
63
|
-
.AddClass("sf-button-medium", props.size === "md")
|
|
64
|
-
.AddClass("sf-button-large", props.size === "lg")
|
|
65
|
-
.AddClass("sf-button-filled", props.variant === "filled")
|
|
66
|
-
.AddClass("sf-button-text", props.variant === "text")
|
|
67
|
-
.AddClass("sf-button-outlined", props.variant === "outlined")
|
|
68
|
-
.AddClass("sf-button-with-icon", !!props.icon)
|
|
69
|
-
.AddClass("sf-ripple")
|
|
70
|
-
.Build();
|
|
71
|
-
}
|
|
72
|
-
</script>
|
|
73
|
-
|
|
74
|
-
<template>
|
|
75
|
-
<button
|
|
76
|
-
v-if="props.visible"
|
|
77
|
-
:id="props.id"
|
|
78
|
-
:name="props.name"
|
|
79
|
-
:class="CssClass()"
|
|
80
|
-
:style="props.style"
|
|
81
|
-
:disabled="props.disabled || props.loading"
|
|
82
|
-
:data-color="props.color"
|
|
83
|
-
:form="props.form"
|
|
84
|
-
:type="props.type"
|
|
85
|
-
>
|
|
86
|
-
<Icon
|
|
87
|
-
v-if="!!props.icon"
|
|
88
|
-
:icon="props.icon"
|
|
89
|
-
:loading="props.loading"
|
|
90
|
-
:size="props.size"
|
|
91
|
-
:color="undefined"
|
|
92
|
-
:button-props="{ tabindex: -1 }"
|
|
93
|
-
/>
|
|
94
|
-
<Icon
|
|
95
|
-
v-else-if="props.loading"
|
|
96
|
-
:loading="true"
|
|
97
|
-
:size="props.size"
|
|
98
|
-
:button-props="{ tabindex: -1 }"
|
|
99
|
-
/>
|
|
100
|
-
<span class="sf-button-label">
|
|
101
|
-
<slot name="default"></slot>
|
|
102
|
-
</span>
|
|
103
|
-
</button>
|
|
104
|
-
</template>
|