UNPKG

@betha-plataforma/estrutura-componentes

Version:

Coleção de Web Components para compor a estrutura de uma aplicação front-end da Betha Sistemas.

1 lines 3.35 kB
import{r as t,h as e,H as a}from"./p-1ea2957a.js";const s=class{constructor(e){t(this,e),this.show=!1,this.registros=!1,this.registrosPesquisa=!1,this.online=!1,this.offline=!1,this.paginaNaoEncontrada=!1,this.pequeno=!1}render(){return e(a,null,e("section",{class:`empty-state ${this.pequeno?"empty-state--small":""} ${this.show?"empty-state--show":""}`},e("slot",null,this.registros&&[e("img",{src:"https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.6/assets/images/records.svg",alt:"Ainda não há registros por aqui"}),e("h4",null,"Ainda não há registros por aqui")],this.registrosPesquisa&&[e("img",{src:"https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.6/assets/images/list.svg",alt:"Nenhum resultado encontrado. Os filtros ou a ortografia dos termos utilizados na pesquisa podem ser revisados."}),e("h4",null,"Nenhum resultado encontrado para sua pesquisa"),e("p",null,"- Tente utilizar uma combinação diferente de filtros",e("br",null),"- Revise a ortografia dos termos digitados")],this.online&&[e("img",{src:"https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.6/assets/images/online.svg",alt:"Conexão com a Internet estável"}),e("h4",null,"Sua conexão está estável")],this.offline&&[e("img",{src:"https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.6/assets/images/offline.svg",alt:"Desconectado da Internet"}),e("h4",null,"Você está offline"),e("p",null,"Isso pode prejudicar as suas atividades no sistema")],this.paginaNaoEncontrada&&[e("img",{src:"https://cdn.betha.cloud/plataforma/design/kare/framework/0.1.6/assets/images/404.svg",alt:"Página não encontrada"}),e("h4",null,"Ops! Ocorreu um erro"),e("p",null,"A página que você tentou acessar não foi encontrada")])))}};s.style="*,*:after,*:before{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1.5}*{font-family:var(--bth-app-font-family-primary)}a:focus{outline:1px dotted var(--bth-app-gray-dark-30)}::-webkit-scrollbar{-webkit-appearance:none;height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bth-app-gray-light-30)}::-webkit-scrollbar-corner{background:var(--bth-app-gray-light-40)}::-webkit-scrollbar-thumb{background-color:var(--bth-app-gray);border-radius:1px}::-webkit-scrollbar-thumb:hover{background-color:rgba(255, 255, 255, 0.3)}:host{display:block}.empty-state{display:none;background-color:transparent;text-align:center;padding:20px 5px}.empty-state--show{display:block}.empty-state img,.empty-state ::slotted(img){width:230px;margin:20px 0}.empty-state h4,.empty-state ::slotted(h4){font-size:1.5rem;margin-bottom:0.5rem;font-weight:500;line-height:1.2}.empty-state--small img,.empty-state--small ::slotted(img){width:125px;margin:20px 0}.empty-state--small h4,.empty-state--small ::slotted(h4){font-size:1.15rem;margin-bottom:0.5rem;font-weight:500;line-height:1.2}@media (min-width: 576px){.empty-state img,.empty-state ::slotted(img){width:250px}.empty-state--small img,.empty-state--small ::slotted(img){width:140px}}@media (min-width: 992px){.empty-state img,.empty-state ::slotted(img){width:270px}.empty-state--small img,.empty-state--small ::slotted(img){width:150px}}@media (min-width: 1200px){.empty-state img,.empty-state ::slotted(img){width:280px}.empty-state--small img,.empty-state--small ::slotted(img){width:155px}}";export{s as bth_empty_state}