Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/html/sourceui.com/doc/fn.php on line 665 Warning: Array to string conversion in /var/www/html/sourceui.com/doc/fn.php on line 665 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192 Warning: Array to string conversion in /var/www/sourceui/dev/php/fn/fn.string.php on line 192
🖿 Components/interfaces/shared/block

<aispell>

Um elemento de botão utilizado dentro de um campo de formulário (geralmente o textbox) que quando acionado pelo utilizador, dispara uma requisição de rede em uma API interna de Inteligência artificial para corrigir ou reescrever o texto digitado.

Dependendo da configuração do atributo "mode", a resposta pode sugerir algumas variações de texto em um optionlist criado dinamicamente para que o utilizador escolha a melhor opção sugerida.

Atributos

NomeDescriçãoTipoValoresRequerido
modeOs modos de resposta da requisição de API.optionssuggest, replace

Componente Pai Permitido

DescriçãoRequerido
Elementos - textbox, textarea e richtext

Conteúdo Permitido

Este componente não deve conter elementos filhos.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<area>

Elemento que representa um item de containers em um elemento parente.

Geralmente é utilizado para criar uma área de rolagem dentro de um datagrid com a funcionalidade de picker.

Pode também ser utilizado dentro de um datablock para definir a área que separa os lados de um bloco de informações

Pode estar dentro de praticamente qualquer elemento do tipo block ou widget

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<block>

Componente que representa um item de containers em um elemento parente.

Seu uso é livre. Mas dentro de elementos específicos, possui funcionalidades extras. Exemplo:

  • Dentro de uma view criada em um sector modal reduzida para mostrar informações sobre a versão do sistema, tem a finalidade de separar os diferentes tipos de conteúdo (logo, icone, nome, descrição. etc).
  • Dentro de um primer, também tem a finalidade de separar os diferentes tipos de conteúdo.
  • Dentro de um datablock, determina a divisão de cada um dos blocos (ou células) para agrupamento dos outros elementos filhos.
  • Com um atributo layout="sidefloat" ou layout="rounded-sidefloat", separar os diferentes tipos de conteúdo em um bloco flutuante fixo na téla.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
layoutDefine o layout preformatado do bloco.optionssidefloat, rounded-sidefloat, any...
aligmentDefine o alinhamento do bloco que possua o atributo "layout" marcado.optionsleft, left-bottom, left-bottom end, right-bottom end, right-bottom end
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<brand>

Componente que representa uma identidade visual para a aplicação.

Geralmente é utilizado no topo de um navmenu ou dentro de uma view criada em um sector modal para o formulário de autenticação.

Pode ser de três tipos específicos:

  • default - usado para mostrar a imagem do logotipo cobrindo toda a área do elemento<;/li>
  • dynamic - usado no Nuvole para compor uma mescla entre o logotipo e elementos de textos represantando o nome da aplicação e a empresa cliente;
  • hybrid - usado no Nuvole para compor uma mescla entre o logotipo e um texto reduzido alternando entre aplicação e cliente, dependendo do caminho da navegação;

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo de preenchimento do elementooptionsdynamic, hybrid, default
srcDefine a URL da imagem que será mostradatext
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...
@navigationDefine os dados necessários para interação de navegaçãojson

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

CondiçãoDescriçãoRequerido
Se "type" for "dynamic":ArrayElementos - icon e text
Se "type" for "hybrid":ArrayElementos - text

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<bundler>

Componente que representa um agrupador de elementos.

Seu uso é livre e pode ser utilizando dentro de qualquer outro componente block.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
@protoDefine qualquer atributo prototipado para o elemento.alphaids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<container>

Componente que representa um agrupador de elementos.

Seu uso é livre e pode ser utilizando dentro de qualquer outro componente block.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<content>

Componente que representa um container de conteúdos.

Seu uso é livre e pode ser utilizando dentro de qualquer outro componente block ou block.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<cooksent>

Componente que representa visualmente o cantainer da box de informação sobre a autorização de uso de cookies pelo navegador que o utilizador precisa conceder.

Geralmente ele é usado dentro de um workspace e é mostrado na primeira visita do utilizador.

Seu conteúdo pode variar, mas pode ser construido de forma padronizada com um text que representa o conteúdo de texto seguido por um buttonset, contendo dois button: um para o "aceite" e outro para o "declínio" de uso de cookies.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<cover>

Componente que representa um bloco visual de capa para um sector, view ou detail.

Seu uso é livre, mas geralmente serve como um identificador visual de um perfil.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.optionsdefault, fullsize, fullsize raining
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

DescriçãoRequerido
Elementos - sector, view, detail, widget e postfeed

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<div>

Componente que representa um container ou agrupador de conteúdo.

Seu uso é livre e pode ser utilizando dentro de qualquer outro componente block ou block.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
scrollerDefine o modo de rolagem do container.optionsvertical, horizontal, true (both)
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<identifier>

Componente que represta visualmente um identificador de usuário ou do módulo da aplicação carregado em tela

Seu uso é livre, mas geralmente está posicionado em um navmenu de um painel, entre um brand e um navlist.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.optionsdefault, fullsize, fullsize raining
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...
@navigationDefine os dados necessários para interação de navegaçãojson

Componente Pai Permitido

DescriçãoRequerido
Elementos - navmenu

Conteúdo Permitido

CondiçãoDescriçãoRequerido
---Elementos - icon e text

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<item>

Componente que representa um item filho de um flex.

Serve para mostrar visualmente um bloco com posicionamento flexível, onde seu parente contém regras de CSS definidas por padrão como display: flex; flex-direction: column;.

Todo o HTML inserido em seu conteúdo também será mostrado com posicionamento flexível, mas como display: flex; flex-direction: row;.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

DescriçãoRequerido
Elementos - flex

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<oglink>

Componente hibrido que representa visualmente uma URL que, após analisada, recupera suas informações OpenGraph e exibe imagens, descrições e etc dela relacionadas.

Pode ser usado como uma extensão de um campo de link textbox, assim como um container para mostrar as informações de OpenGraph já analisadas e armazenadas do mesmo link.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
nameDefine o nome formdata da extensão do campo dentro de um dataform.text
fieldDefine o nome do campo vinculado dentro do dataform.text
urlDefine a URL analisada com dados OpenGraph coletados.text
imageDefine o SRC da image OpenGraph.text
titleDefine o título OpenGraph recuperado da URL.text
descriptionDefine a descrição OpenGraph recuperada da URL.text
siteDefine o site de origem da URL analisada.text
targetDefine o alvo do link ao clicar no elemento.options_blank, _self, _parent, _top
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

CondiçãoDescriçãoRequerido
Se o atributo "field" for assinalado:Nenhum conteúdo deve ser empregado
Se os atributos "image", "title", "description" e "site" forem assinalados:Nenhum conteúdo deve ser empregado
Se o atributo "field" não for assinalado:Os elementos estruturais "image", "title", "description" e "site" podem ser empregados
Se os atributos "image", "title", "description" e "site" não forem assinalados:Os elementos estruturais "image", "title", "description" e "site" podem ser empregados

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<person>

Componente que representa vizualmente uma "pessoa" (mas não se limitando à pessoas) dentro de um profile.

Pode trazer elementos para identificar um dado registro de perfil, como um ícone ou uma imagem de avatar ao lado de um nome ou título.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

DescriçãoRequerido
Elementos - profile

Conteúdo Permitido

CondiçãoDescriçãoRequerido
---Elementos - icon, image, title, text, pill e bull

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<post>

Componente que representa uma postagem realizada por alguém dentro de um postfeed.

Pode trazer elementos complexos de titulo e conteúdo, fazendo distinçções vizuais sobre de quem fez a postagem.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.optionsinitial, regular, dynamic
ownerDefine qual é o postador em relação ao utilizador.optionsself, other
propDefine qual se o postador é uma pessoa ou um agente de IA.optionsby-human, by-ai
wideDefine a largura do bloco de postagem em telas maiores.optionsfull, mid
timegroupDefine um menor espaçamento entre as postagens em função de um curto período de tempo.bool
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.

<text>

Componente que representa um container de textos HTML.

Seu uso é livre e pode ser utilizando dentro de qualquer outro componente block ou block.

O parser veficia o idioma do atributo language="" e compara com o idioma global da aplicação. Dependendo dessa comparação, o componente pode ser ignorado. Isso é significantemente útil para mostrar conteúdo em diversos idiomas.

Atributos

NomeDescriçãoTipoValoresRequerido
idIdentificador único do elemento.text
classDefine a classe do elemento.text
typeDefine o tipo (classe CSS) do elemento.text
languageDefine o código de idioma (ISO 639-1 ou ISO 3166-1) do componente.optionspt-br, en, es
@protoDefine qualquer atributo prototipado para o elemento.anyids, styles, types, classes, languages, properties, etc...

Componente Pai Permitido

Este componente pode ser filho de qualquer outro.

Conteúdo Permitido

Este componente pode conter qualquer tipo de conteúdo SML ou SML.

Compatibilidade V5 (Versão Antiga)

Este componente não está relacionado com nenhum outro componente do SourceUI® V5.