@thibezer/ui-components-kit 2.11.0 → 2.12.0

package/dist/tipos-elementos.d.ts

@@ -32,8 +32,10 @@ import type {
   UIModal,
   UIPainelCamadas,
   UIPainelLateral,
+  UIPainelPropriedades,
   UIPaletaFerramentas,
   UIPopover,
+  UIPropriedades,
   UIRadio,
   UIRibbon,
   UISegmented,
@@ -183,6 +185,7 @@ export interface PropsUiBotaoPrimario {
 /**
  * `<ui-camadas>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 export interface PropsUiCamadas {
   titulo?: UICamadas['titulo'];
@@ -208,6 +211,7 @@ export interface PropsUiCamadas {
   feicoes?: UICamadas['feicoes'];
   mapasBase?: UICamadas['mapasBase'];
   expandedLayers?: UICamadas['expandedLayers'];
+  expandedFeatureLimits?: UICamadas['expandedFeatureLimits'];
   selectedFeatureIds?: UICamadas['selectedFeatureIds'];
   lastClickedFeatureId?: UICamadas['lastClickedFeatureId'];
   activeSettingsLayerId?: UICamadas['activeSettingsLayerId'];
@@ -587,6 +591,7 @@ export interface PropsUiKpi {
 /**
  * `<ui-layer-panel>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 export interface PropsUiLayerPanel {
   titulo?: UILayerPanel['titulo'];
@@ -612,6 +617,7 @@ export interface PropsUiLayerPanel {
   feicoes?: UILayerPanel['feicoes'];
   mapasBase?: UILayerPanel['mapasBase'];
   expandedLayers?: UILayerPanel['expandedLayers'];
+  expandedFeatureLimits?: UILayerPanel['expandedFeatureLimits'];
   selectedFeatureIds?: UILayerPanel['selectedFeatureIds'];
   lastClickedFeatureId?: UILayerPanel['lastClickedFeatureId'];
   activeSettingsLayerId?: UILayerPanel['activeSettingsLayerId'];
@@ -792,6 +798,7 @@ export interface PropsUiModal {
 /**
  * `<ui-painel-camadas>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 export interface PropsUiPainelCamadas {
   titulo?: UIPainelCamadas['titulo'];
@@ -817,6 +824,7 @@ export interface PropsUiPainelCamadas {
   feicoes?: UIPainelCamadas['feicoes'];
   mapasBase?: UIPainelCamadas['mapasBase'];
   expandedLayers?: UIPainelCamadas['expandedLayers'];
+  expandedFeatureLimits?: UIPainelCamadas['expandedFeatureLimits'];
   selectedFeatureIds?: UIPainelCamadas['selectedFeatureIds'];
   lastClickedFeatureId?: UIPainelCamadas['lastClickedFeatureId'];
   activeSettingsLayerId?: UIPainelCamadas['activeSettingsLayerId'];
@@ -884,6 +892,51 @@ export interface PropsUiPainelLateral {
   'onui-fechar'?: (evento: CustomEvent) => void;
 }
 
+/**
+ * `<ui-painel-propriedades>`
+ * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
+ */
+export interface PropsUiPainelPropriedades {
+  titulo?: UIPainelPropriedades['titulo'];
+  'estilo-visual'?: UIPainelPropriedades['estiloVisual'];
+  'modo-aplicar'?: UIPainelPropriedades['modoAplicar'];
+  filtro?: UIPainelPropriedades['filtro'];
+  densidade?: UIPainelPropriedades['densidade'];
+  'largura-rotulo'?: UIPainelPropriedades['larguraRotulo'];
+  fechavel?: UIPainelPropriedades['fechavel'];
+  colapsado?: UIPainelPropriedades['colapsado'];
+  flutuante?: UIPainelPropriedades['flutuante'];
+  'texto-misto'?: UIPainelPropriedades['textoMisto'];
+  estiloVisual?: UIPainelPropriedades['estiloVisual'];
+  modoAplicar?: UIPainelPropriedades['modoAplicar'];
+  termoBusca?: UIPainelPropriedades['termoBusca'];
+  larguraRotulo?: UIPainelPropriedades['larguraRotulo'];
+  categorias?: UIPainelPropriedades['categorias'];
+  textoMisto?: UIPainelPropriedades['textoMisto'];
+  tipos?: UIPainelPropriedades['tipos'];
+  tipoSelecionado?: UIPainelPropriedades['tipoSelecionado'];
+  valores?: UIPainelPropriedades['valores'];
+  'onui-densidade-alterada'?: (evento: CustomEvent) => void;
+  'onui-flutuante-alterado'?: (evento: CustomEvent) => void;
+  'onui-colapso-horizontal'?: (evento: CustomEvent) => void;
+  'onui-tipo-alterado'?: (evento: CustomEvent) => void;
+  'onui-editar-tipo-clique'?: (evento: CustomEvent) => void;
+  'onui-quick-select'?: (evento: CustomEvent) => void;
+  'onui-selecionar-objetos'?: (evento: CustomEvent) => void;
+  'onui-calculadora'?: (evento: CustomEvent) => void;
+  'onui-acao-clique'?: (evento: CustomEvent) => void;
+  'onui-ajuda'?: (evento: CustomEvent) => void;
+  'onui-aplicar'?: (evento: CustomEvent) => void;
+  'onui-categoria-toggle'?: (evento: CustomEvent) => void;
+  'onui-desfazer'?: (evento: CustomEvent) => void;
+  'onui-fechar'?: (evento: CustomEvent) => void;
+  'onui-mover'?: (evento: CustomEvent) => void;
+  'onui-propriedade-alterada'?: (evento: CustomEvent) => void;
+  'onui-redimensionar'?: (evento: CustomEvent) => void;
+  'onui-splitter-resize'?: (evento: CustomEvent) => void;
+}
+
 /**
  * `<ui-paleta-ferramentas>`
  * Eventos: ui-change, ui-selecionar, ui-ferramenta
@@ -922,6 +975,51 @@ export interface PropsUiPopover {
   disabled?: UIPopover['disabled'];
 }
 
+/**
+ * `<ui-propriedades>`
+ * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
+ */
+export interface PropsUiPropriedades {
+  titulo?: UIPropriedades['titulo'];
+  'estilo-visual'?: UIPropriedades['estiloVisual'];
+  'modo-aplicar'?: UIPropriedades['modoAplicar'];
+  filtro?: UIPropriedades['filtro'];
+  densidade?: UIPropriedades['densidade'];
+  'largura-rotulo'?: UIPropriedades['larguraRotulo'];
+  fechavel?: UIPropriedades['fechavel'];
+  colapsado?: UIPropriedades['colapsado'];
+  flutuante?: UIPropriedades['flutuante'];
+  'texto-misto'?: UIPropriedades['textoMisto'];
+  estiloVisual?: UIPropriedades['estiloVisual'];
+  modoAplicar?: UIPropriedades['modoAplicar'];
+  termoBusca?: UIPropriedades['termoBusca'];
+  larguraRotulo?: UIPropriedades['larguraRotulo'];
+  categorias?: UIPropriedades['categorias'];
+  textoMisto?: UIPropriedades['textoMisto'];
+  tipos?: UIPropriedades['tipos'];
+  tipoSelecionado?: UIPropriedades['tipoSelecionado'];
+  valores?: UIPropriedades['valores'];
+  'onui-densidade-alterada'?: (evento: CustomEvent) => void;
+  'onui-flutuante-alterado'?: (evento: CustomEvent) => void;
+  'onui-colapso-horizontal'?: (evento: CustomEvent) => void;
+  'onui-tipo-alterado'?: (evento: CustomEvent) => void;
+  'onui-editar-tipo-clique'?: (evento: CustomEvent) => void;
+  'onui-quick-select'?: (evento: CustomEvent) => void;
+  'onui-selecionar-objetos'?: (evento: CustomEvent) => void;
+  'onui-calculadora'?: (evento: CustomEvent) => void;
+  'onui-acao-clique'?: (evento: CustomEvent) => void;
+  'onui-ajuda'?: (evento: CustomEvent) => void;
+  'onui-aplicar'?: (evento: CustomEvent) => void;
+  'onui-categoria-toggle'?: (evento: CustomEvent) => void;
+  'onui-desfazer'?: (evento: CustomEvent) => void;
+  'onui-fechar'?: (evento: CustomEvent) => void;
+  'onui-mover'?: (evento: CustomEvent) => void;
+  'onui-propriedade-alterada'?: (evento: CustomEvent) => void;
+  'onui-redimensionar'?: (evento: CustomEvent) => void;
+  'onui-splitter-resize'?: (evento: CustomEvent) => void;
+}
+
 /**
  * `<ui-radio>`
  * Eventos: ui-change
@@ -1204,18 +1302,23 @@ export interface PropsUiTabela {
 /**
  * `<ui-tabela-propriedades>`
  * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
  */
 export interface PropsUiTabelaPropriedades {
-  titulo?: ValorDeAtributo;
-  'estilo-visual'?: ValorDeAtributo;
-  'modo-aplicar'?: ValorDeAtributo;
-  filtro?: ValorDeAtributo;
+  titulo?: UITabelaPropriedades['titulo'];
+  'estilo-visual'?: UITabelaPropriedades['estiloVisual'];
+  'modo-aplicar'?: UITabelaPropriedades['modoAplicar'];
+  filtro?: UITabelaPropriedades['filtro'];
   densidade?: UITabelaPropriedades['densidade'];
-  'largura-rotulo'?: ValorDeAtributo;
-  fechavel?: ValorDeAtributo;
+  'largura-rotulo'?: UITabelaPropriedades['larguraRotulo'];
+  fechavel?: UITabelaPropriedades['fechavel'];
   colapsado?: UITabelaPropriedades['colapsado'];
   flutuante?: UITabelaPropriedades['flutuante'];
   'texto-misto'?: UITabelaPropriedades['textoMisto'];
+  estiloVisual?: UITabelaPropriedades['estiloVisual'];
+  modoAplicar?: UITabelaPropriedades['modoAplicar'];
+  termoBusca?: UITabelaPropriedades['termoBusca'];
+  larguraRotulo?: UITabelaPropriedades['larguraRotulo'];
   categorias?: UITabelaPropriedades['categorias'];
   textoMisto?: UITabelaPropriedades['textoMisto'];
   tipos?: UITabelaPropriedades['tipos'];
@@ -1395,8 +1498,10 @@ export interface ElementosUI {
   'ui-modal': PropsUiModal;
   'ui-painel-camadas': PropsUiPainelCamadas;
   'ui-painel-lateral': PropsUiPainelLateral;
+  'ui-painel-propriedades': PropsUiPainelPropriedades;
   'ui-paleta-ferramentas': PropsUiPaletaFerramentas;
   'ui-popover': PropsUiPopover;
+  'ui-propriedades': PropsUiPropriedades;
   'ui-radio': PropsUiRadio;
   'ui-ribbon': PropsUiRibbon;
   'ui-segmented': PropsUiSegmented;

package/dist/tipos-react.d.ts

@@ -33,8 +33,10 @@ import type {
   UIModal,
   UIPainelCamadas,
   UIPainelLateral,
+  UIPainelPropriedades,
   UIPaletaFerramentas,
   UIPopover,
+  UIPropriedades,
   UIRadio,
   UIRibbon,
   UISegmented,
@@ -95,8 +97,10 @@ declare module 'react' {
       'ui-modal': PropsReact<UIModal, ElementosUI['ui-modal']>;
       'ui-painel-camadas': PropsReact<UIPainelCamadas, ElementosUI['ui-painel-camadas']>;
       'ui-painel-lateral': PropsReact<UIPainelLateral, ElementosUI['ui-painel-lateral']>;
+      'ui-painel-propriedades': PropsReact<UIPainelPropriedades, ElementosUI['ui-painel-propriedades']>;
       'ui-paleta-ferramentas': PropsReact<UIPaletaFerramentas, ElementosUI['ui-paleta-ferramentas']>;
       'ui-popover': PropsReact<UIPopover, ElementosUI['ui-popover']>;
+      'ui-propriedades': PropsReact<UIPropriedades, ElementosUI['ui-propriedades']>;
       'ui-radio': PropsReact<UIRadio, ElementosUI['ui-radio']>;
       'ui-ribbon': PropsReact<UIRibbon, ElementosUI['ui-ribbon']>;
       'ui-segmented': PropsReact<UISegmented, ElementosUI['ui-segmented']>;

package/dist/tipos-vue.d.ts

@@ -33,8 +33,10 @@ import type {
   UIModal,
   UIPainelCamadas,
   UIPainelLateral,
+  UIPainelPropriedades,
   UIPaletaFerramentas,
   UIPopover,
+  UIPropriedades,
   UIRadio,
   UIRibbon,
   UISegmented,
@@ -182,6 +184,7 @@ type PropsVueUiBotaoPrimario = {
 /**
  * `<ui-camadas>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 type PropsVueUiCamadas = {
   titulo?: UICamadas['titulo'];
@@ -207,6 +210,7 @@ type PropsVueUiCamadas = {
   feicoes?: UICamadas['feicoes'];
   mapasBase?: UICamadas['mapasBase'];
   expandedLayers?: UICamadas['expandedLayers'];
+  expandedFeatureLimits?: UICamadas['expandedFeatureLimits'];
   selectedFeatureIds?: UICamadas['selectedFeatureIds'];
   lastClickedFeatureId?: UICamadas['lastClickedFeatureId'];
   activeSettingsLayerId?: UICamadas['activeSettingsLayerId'];
@@ -569,6 +573,7 @@ type PropsVueUiKpi = {
 /**
  * `<ui-layer-panel>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 type PropsVueUiLayerPanel = {
   titulo?: UILayerPanel['titulo'];
@@ -594,6 +599,7 @@ type PropsVueUiLayerPanel = {
   feicoes?: UILayerPanel['feicoes'];
   mapasBase?: UILayerPanel['mapasBase'];
   expandedLayers?: UILayerPanel['expandedLayers'];
+  expandedFeatureLimits?: UILayerPanel['expandedFeatureLimits'];
   selectedFeatureIds?: UILayerPanel['selectedFeatureIds'];
   lastClickedFeatureId?: UILayerPanel['lastClickedFeatureId'];
   activeSettingsLayerId?: UILayerPanel['activeSettingsLayerId'];
@@ -765,6 +771,7 @@ type PropsVueUiModal = {
 /**
  * `<ui-painel-camadas>`
  * Eventos: ui-acao-massa, ui-camada-adicionar, ui-camada-bloqueio, ui-camada-cor, ui-camada-enquadrar, ui-camada-excluida, ui-camada-grupo-adicionar, ui-camada-mover-hierarquia, ui-camada-opacidade, ui-camada-renomeada, ui-camada-selecionada, ui-camada-visibilidade, ui-camadas-reordenadas, ui-colapso-alterado, ui-feicao-bloqueio, ui-feicao-enquadrar, ui-feicao-movida, ui-feicao-renomeada, ui-feicao-selecionada, ui-feicao-visibilidade, ui-feicoes-reordenadas, ui-feicoes-selecionadas, ui-mapa-base-alterado, ui-mapas-base-recolhimento, ui-redimensionando-altura, ui-redimensionar-altura
+ * Parts (::part): arvore, base, botao-expandir, busca, camada-ativa, corpo, drawer, feicao-selecionada, grupo, mapas-base, resizer, rodape, toolbar
  */
 type PropsVueUiPainelCamadas = {
   titulo?: UIPainelCamadas['titulo'];
@@ -790,6 +797,7 @@ type PropsVueUiPainelCamadas = {
   feicoes?: UIPainelCamadas['feicoes'];
   mapasBase?: UIPainelCamadas['mapasBase'];
   expandedLayers?: UIPainelCamadas['expandedLayers'];
+  expandedFeatureLimits?: UIPainelCamadas['expandedFeatureLimits'];
   selectedFeatureIds?: UIPainelCamadas['selectedFeatureIds'];
   lastClickedFeatureId?: UIPainelCamadas['lastClickedFeatureId'];
   activeSettingsLayerId?: UIPainelCamadas['activeSettingsLayerId'];
@@ -850,6 +858,47 @@ type PropsVueUiPainelLateral = {
   onUiFechar?: (evento: CustomEvent) => void;
 };
 
+/**
+ * `<ui-painel-propriedades>`
+ * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
+ */
+type PropsVueUiPainelPropriedades = {
+  titulo?: UIPainelPropriedades['titulo'];
+  estiloVisual?: UIPainelPropriedades['estiloVisual'];
+  modoAplicar?: UIPainelPropriedades['modoAplicar'];
+  filtro?: UIPainelPropriedades['filtro'];
+  densidade?: UIPainelPropriedades['densidade'];
+  larguraRotulo?: UIPainelPropriedades['larguraRotulo'];
+  fechavel?: UIPainelPropriedades['fechavel'];
+  colapsado?: UIPainelPropriedades['colapsado'];
+  flutuante?: UIPainelPropriedades['flutuante'];
+  textoMisto?: UIPainelPropriedades['textoMisto'];
+  termoBusca?: UIPainelPropriedades['termoBusca'];
+  categorias?: UIPainelPropriedades['categorias'];
+  tipos?: UIPainelPropriedades['tipos'];
+  tipoSelecionado?: UIPainelPropriedades['tipoSelecionado'];
+  valores?: UIPainelPropriedades['valores'];
+  onUiDensidadeAlterada?: (evento: CustomEvent) => void;
+  onUiFlutuanteAlterado?: (evento: CustomEvent) => void;
+  onUiColapsoHorizontal?: (evento: CustomEvent) => void;
+  onUiTipoAlterado?: (evento: CustomEvent) => void;
+  onUiEditarTipoClique?: (evento: CustomEvent) => void;
+  onUiQuickSelect?: (evento: CustomEvent) => void;
+  onUiSelecionarObjetos?: (evento: CustomEvent) => void;
+  onUiCalculadora?: (evento: CustomEvent) => void;
+  onUiAcaoClique?: (evento: CustomEvent) => void;
+  onUiAjuda?: (evento: CustomEvent) => void;
+  onUiAplicar?: (evento: CustomEvent) => void;
+  onUiCategoriaToggle?: (evento: CustomEvent) => void;
+  onUiDesfazer?: (evento: CustomEvent) => void;
+  onUiFechar?: (evento: CustomEvent) => void;
+  onUiMover?: (evento: CustomEvent) => void;
+  onUiPropriedadeAlterada?: (evento: CustomEvent) => void;
+  onUiRedimensionar?: (evento: CustomEvent) => void;
+  onUiSplitterResize?: (evento: CustomEvent) => void;
+};
+
 /**
  * `<ui-paleta-ferramentas>`
  * Eventos: ui-change, ui-selecionar, ui-ferramenta
@@ -886,6 +935,47 @@ type PropsVueUiPopover = {
   disabled?: UIPopover['disabled'];
 };
 
+/**
+ * `<ui-propriedades>`
+ * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
+ */
+type PropsVueUiPropriedades = {
+  titulo?: UIPropriedades['titulo'];
+  estiloVisual?: UIPropriedades['estiloVisual'];
+  modoAplicar?: UIPropriedades['modoAplicar'];
+  filtro?: UIPropriedades['filtro'];
+  densidade?: UIPropriedades['densidade'];
+  larguraRotulo?: UIPropriedades['larguraRotulo'];
+  fechavel?: UIPropriedades['fechavel'];
+  colapsado?: UIPropriedades['colapsado'];
+  flutuante?: UIPropriedades['flutuante'];
+  textoMisto?: UIPropriedades['textoMisto'];
+  termoBusca?: UIPropriedades['termoBusca'];
+  categorias?: UIPropriedades['categorias'];
+  tipos?: UIPropriedades['tipos'];
+  tipoSelecionado?: UIPropriedades['tipoSelecionado'];
+  valores?: UIPropriedades['valores'];
+  onUiDensidadeAlterada?: (evento: CustomEvent) => void;
+  onUiFlutuanteAlterado?: (evento: CustomEvent) => void;
+  onUiColapsoHorizontal?: (evento: CustomEvent) => void;
+  onUiTipoAlterado?: (evento: CustomEvent) => void;
+  onUiEditarTipoClique?: (evento: CustomEvent) => void;
+  onUiQuickSelect?: (evento: CustomEvent) => void;
+  onUiSelecionarObjetos?: (evento: CustomEvent) => void;
+  onUiCalculadora?: (evento: CustomEvent) => void;
+  onUiAcaoClique?: (evento: CustomEvent) => void;
+  onUiAjuda?: (evento: CustomEvent) => void;
+  onUiAplicar?: (evento: CustomEvent) => void;
+  onUiCategoriaToggle?: (evento: CustomEvent) => void;
+  onUiDesfazer?: (evento: CustomEvent) => void;
+  onUiFechar?: (evento: CustomEvent) => void;
+  onUiMover?: (evento: CustomEvent) => void;
+  onUiPropriedadeAlterada?: (evento: CustomEvent) => void;
+  onUiRedimensionar?: (evento: CustomEvent) => void;
+  onUiSplitterResize?: (evento: CustomEvent) => void;
+};
+
 /**
  * `<ui-radio>`
  * Eventos: ui-change
@@ -1159,18 +1249,20 @@ type PropsVueUiTabela = {
 /**
  * `<ui-tabela-propriedades>`
  * Eventos: ui-densidade-alterada, ui-flutuante-alterado, ui-colapso-horizontal, ui-tipo-alterado, ui-editar-tipo-clique, ui-quick-select, ui-selecionar-objetos, ui-calculadora, ui-acao-clique, ui-ajuda, ui-aplicar, ui-categoria-toggle, ui-desfazer, ui-fechar, ui-mover, ui-propriedade-alterada, ui-redimensionar, ui-splitter-resize
+ * Parts (::part): acoes-cabecalho, ajuda, aplicar, base, cabecalho, categoria, categoria-aberta, categoria-cabecalho, categoria-conteudo, corpo, desfazer, editor, faixa-estreita, filtro, filtro-input, linha, linha-mista, linha-modificada, lista-categorias, rodape, rotulo, seletor-tipo, splitter, titulo, unidade, valor, vazio
  */
 type PropsVueUiTabelaPropriedades = {
-  titulo?: ValorDeAtributo;
-  estiloVisual?: ValorDeAtributo;
-  modoAplicar?: ValorDeAtributo;
-  filtro?: ValorDeAtributo;
+  titulo?: UITabelaPropriedades['titulo'];
+  estiloVisual?: UITabelaPropriedades['estiloVisual'];
+  modoAplicar?: UITabelaPropriedades['modoAplicar'];
+  filtro?: UITabelaPropriedades['filtro'];
   densidade?: UITabelaPropriedades['densidade'];
-  larguraRotulo?: ValorDeAtributo;
-  fechavel?: ValorDeAtributo;
+  larguraRotulo?: UITabelaPropriedades['larguraRotulo'];
+  fechavel?: UITabelaPropriedades['fechavel'];
   colapsado?: UITabelaPropriedades['colapsado'];
   flutuante?: UITabelaPropriedades['flutuante'];
   textoMisto?: UITabelaPropriedades['textoMisto'];
+  termoBusca?: UITabelaPropriedades['termoBusca'];
   categorias?: UITabelaPropriedades['categorias'];
   tipos?: UITabelaPropriedades['tipos'];
   tipoSelecionado?: UITabelaPropriedades['tipoSelecionado'];
@@ -1349,8 +1441,10 @@ declare module 'vue' {
     'ui-modal': DefineComponent<PropsVueUiModal>;
     'ui-painel-camadas': DefineComponent<PropsVueUiPainelCamadas>;
     'ui-painel-lateral': DefineComponent<PropsVueUiPainelLateral>;
+    'ui-painel-propriedades': DefineComponent<PropsVueUiPainelPropriedades>;
     'ui-paleta-ferramentas': DefineComponent<PropsVueUiPaletaFerramentas>;
     'ui-popover': DefineComponent<PropsVueUiPopover>;
+    'ui-propriedades': DefineComponent<PropsVueUiPropriedades>;
     'ui-radio': DefineComponent<PropsVueUiRadio>;
     'ui-ribbon': DefineComponent<PropsVueUiRibbon>;
     'ui-segmented': DefineComponent<PropsVueUiSegmented>;

package/dist/ui-badge-BxT-sDmV.cjs

@@ -0,0 +1,28 @@
+"use strict";var p=Object.defineProperty;var x=(i,o,e)=>o in i?p(i,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[o]=e;var t=(i,o,e)=>x(i,typeof o!="symbol"?o+"":o,e);const s=require("./ssr-safe-CiHD1adl.cjs"),h=require("./listener-bag-D5omxZ9h.cjs"),f=':host{display:block;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif)}.ui-stat{padding:18px 20px;border-radius:var(--ui-raio-borda, 10px);border:1px solid var(--ui-cor-borda, rgba(255, 255, 255, .12));background-color:var(--ui-cor-fundo-card, #18181c);color:var(--ui-cor-texto, #e1e1e6);box-sizing:border-box;display:flex;flex-direction:column;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ui-stat--baixa{box-shadow:var(--ui-sombra-sm, 0 2px 6px rgba(0, 0, 0, .3))}.ui-stat--media{box-shadow:var(--ui-sombra-md, 0 4px 14px rgba(0, 0, 0, .4))}.ui-stat--alta{box-shadow:var(--ui-sombra-lg, 0 8px 24px rgba(0, 0, 0, .5))}.ui-stat__cabecalho{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.ui-stat__rotulo{font-size:13px;font-weight:500;color:var(--ui-cor-texto-secundario, #888899);letter-spacing:.01em}.ui-stat__icone-slot{display:flex;align-items:center;color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__icone-slot svg,.ui-stat__icone-slot ::slotted(svg),.ui-stat__icone-slot ::slotted(ui-icone){shape-rendering:geometricPrecision}.ui-stat__conteudo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.ui-stat__valor{font-size:28px;font-weight:700;color:var(--ui-cor-texto, #ffffff);line-height:1.15;letter-spacing:-.025em}.ui-stat__indicador{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:600;line-height:1}.ui-stat__indicador--positivo,.ui-stat__indicador--alta{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 14%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-stat__indicador--negativo,.ui-stat__indicador--baixa{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 14%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-stat__indicador--neutro{background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);color:var(--ui-cor-texto-secundario, #888899)}.ui-stat__seta{font-size:.85em;line-height:1}.ui-stat__rodape{display:flex;flex-direction:column;gap:6px}.ui-stat__descricao{font-size:12px;color:var(--ui-cor-texto-secundario, #888899);line-height:1.3}';class l extends s.SafeHTMLElement{constructor(){super();t(this,"statElement");t(this,"rotuloElement");t(this,"valorElement");t(this,"indicadorElement");t(this,"setaElement");t(this,"variacaoElement");t(this,"descricaoElement");const e=this.attachShadow({mode:"open"});e.innerHTML=`
+      <style>${f}</style>
+      <div class="ui-stat">
+        <div class="ui-stat__cabecalho">
+          <span class="ui-stat__rotulo"></span>
+          <div class="ui-stat__icone-slot"><slot name="icone"></slot></div>
+        </div>
+        <div class="ui-stat__conteudo">
+          <div class="ui-stat__valor"></div>
+          <div class="ui-stat__indicador" style="display: none;">
+            <span class="ui-stat__seta" aria-hidden="true"></span>
+            <span class="ui-stat__variacao"></span>
+          </div>
+        </div>
+        <div class="ui-stat__rodape">
+          <span class="ui-stat__descricao" style="display: none;"></span>
+          <slot name="grafico"></slot>
+          <slot></slot>
+        </div>
+      </div>
+    `,this.statElement=e.querySelector(".ui-stat"),this.rotuloElement=e.querySelector(".ui-stat__rotulo"),this.valorElement=e.querySelector(".ui-stat__valor"),this.indicadorElement=e.querySelector(".ui-stat__indicador"),this.setaElement=e.querySelector(".ui-stat__seta"),this.variacaoElement=e.querySelector(".ui-stat__variacao"),this.descricaoElement=e.querySelector(".ui-stat__descricao")}static get observedAttributes(){return["rotulo","label","valor","value","variacao","trend","tendencia","direction","descricao","description","elevacao","elevation"]}connectedCallback(){this.syncState()}attributeChangedCallback(e,r,a){this.syncState()}get rotulo(){return this.getAttribute("rotulo")||this.getAttribute("label")||""}set rotulo(e){this.setAttribute("rotulo",e)}get valor(){return this.getAttribute("valor")||this.getAttribute("value")||""}set valor(e){this.setAttribute("valor",e)}get variacao(){return this.getAttribute("variacao")||this.getAttribute("trend")||""}set variacao(e){this.setAttribute("variacao",e)}get tendencia(){const e=(this.getAttribute("tendencia")||this.getAttribute("direction")||"positivo").toLowerCase();return e==="baixa"||e==="negativo"||e==="down"?"baixa":e==="neutro"||e==="neutral"?"neutro":"alta"}set tendencia(e){this.setAttribute("tendencia",e)}get descricao(){return this.getAttribute("descricao")||this.getAttribute("description")||""}set descricao(e){this.setAttribute("descricao",e)}syncState(){const e=this.rotulo,r=this.valor,a=this.variacao,n=this.tendencia,d=this.descricao,m=this.getAttribute("elevacao")||this.getAttribute("elevation")||"baixa";this.statElement.className=`ui-stat ui-stat--${m}`,this.rotuloElement.textContent=e,this.valorElement.textContent=r,a?(this.variacaoElement.textContent=a,this.indicadorElement.style.display="inline-flex",n==="baixa"?(this.indicadorElement.className="ui-stat__indicador ui-stat__indicador--negativo",this.setaElement.textContent="↓",this.indicadorElement.setAttribute("aria-label",`Queda de ${a}`)):n==="neutro"?(this.indicadorElement.className="ui-stat__indicador ui-stat__indicador--neutro",this.setaElement.textContent="→",this.indicadorElement.setAttribute("aria-label",`Variação estável de ${a}`)):(this.indicadorElement.className="ui-stat__indicador ui-stat__indicador--positivo",this.setaElement.textContent="↑",this.indicadorElement.setAttribute("aria-label",`Aumento de ${a}`))):this.indicadorElement.style.display="none",d?(this.descricaoElement.textContent=d,this.descricaoElement.style.display="block"):this.descricaoElement.style.display="none"}}class u extends l{}class b extends l{}s.definirCustomElement("ui-stat",l);s.definirCustomElement("ui-kpi",u);s.definirCustomElement("ui-metrica",b);const _=':host{display:inline-flex;align-items:center;box-sizing:border-box;font-family:var(--ui-fonte-base, "Inter", sans-serif);vertical-align:middle}.ui-badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:3px 8px;border-radius:var(--ui-raio-pill, 999px);font-size:11px;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}::slotted(svg),::slotted(ui-icone){width:12px!important;height:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;vertical-align:middle!important;shape-rendering:geometricPrecision;flex-shrink:0}::slotted(span){display:inline-flex;align-items:center;line-height:1}.ui-badge--suave{background-color:var(--ui-cor-badge-fundo, var(--ui-cor-hover-menu, rgba(255, 255, 255, .08)));color:var(--ui-cor-badge-texto, var(--ui-cor-texto, #e1e1e6));border:1px solid transparent}.ui-badge--solido{background-color:var(--ui-cor-badge-solido, var(--ui-cor-texto-secundario, #888899));color:var(--ui-cor-fundo, #0b0b0d);border:1px solid transparent}.ui-badge--contornado{background-color:transparent;color:var(--ui-cor-badge-texto, var(--ui-cor-texto, #e1e1e6));border:1px solid var(--ui-cor-badge-borda, var(--ui-cor-borda, rgba(255, 255, 255, .2)))}.ui-badge--sucesso.ui-badge--suave{background-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 15%,transparent);color:var(--ui-cor-primaria, #00E08A)}.ui-badge--sucesso.ui-badge--solido{background-color:var(--ui-cor-primaria, #00E08A);color:var(--ui-cor-texto-sobre-primaria, #000000)}.ui-badge--sucesso.ui-badge--contornado{color:var(--ui-cor-primaria, #00E08A);border-color:color-mix(in srgb,var(--ui-cor-texto-sucesso, #00E08A) 40%,transparent)}.ui-badge--erro.ui-badge--suave{background-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 15%,transparent);color:var(--ui-cor-texto-erro, #ff5555)}.ui-badge--erro.ui-badge--solido{background-color:var(--ui-cor-texto-erro, #ff5555);color:var(--ui-cor-texto-sobre-status, #000000)}.ui-badge--erro.ui-badge--contornado{color:var(--ui-cor-texto-erro, #ff5555);border-color:color-mix(in srgb,var(--ui-cor-texto-erro, #ff5555) 40%,transparent)}.ui-badge--alerta.ui-badge--suave{background-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 15%,transparent);color:var(--ui-cor-texto-alerta, #ffb86c)}.ui-badge--alerta.ui-badge--solido{background-color:var(--ui-cor-texto-alerta, #ffb86c);color:var(--ui-cor-texto-sobre-status, #000000)}.ui-badge--alerta.ui-badge--contornado{color:var(--ui-cor-texto-alerta, #ffb86c);border-color:color-mix(in srgb,var(--ui-cor-texto-alerta, #ffb86c) 40%,transparent)}.ui-badge--info.ui-badge--suave,.ui-badge--primaria.ui-badge--suave{background-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 15%,transparent);color:var(--ui-cor-texto-info, #33b5ff)}.ui-badge--info.ui-badge--solido,.ui-badge--primaria.ui-badge--solido{background-color:var(--ui-cor-texto-info, #33b5ff);color:var(--ui-cor-texto-sobre-status, #000000)}.ui-badge--info.ui-badge--contornado,.ui-badge--primaria.ui-badge--contornado{color:var(--ui-cor-texto-info, #33b5ff);border-color:color-mix(in srgb,var(--ui-cor-texto-info, #33b5ff) 40%,transparent)}.ui-badge--neutro.ui-badge--suave{background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 8%,transparent);color:var(--ui-cor-texto-secundario, #888899)}.ui-badge__close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;cursor:pointer;opacity:.85;transition:opacity .15s ease,background-color .15s ease;font-size:10px;line-height:1;margin-left:2px}.ui-badge__close:hover{opacity:1;background-color:color-mix(in srgb,var(--ui-cor-texto, #e1e1e6) 20%,transparent)}';class c extends s.SafeHTMLElement{constructor(){super();t(this,"badgeElement");t(this,"labelElement");t(this,"closeElement");t(this,"listeners",new h.ListenerBag);t(this,"handleRemove",e=>{var r;e.stopPropagation(),this.dispatchEvent(new CustomEvent("ui-remove",{detail:{value:this.getAttribute("value")||((r=this.textContent)==null?void 0:r.trim())||""},bubbles:!0,composed:!0}))});const e=this.attachShadow({mode:"open"});e.innerHTML=`
+      <style>${_}</style>
+      <span class="ui-badge" part="base">
+        <slot></slot>
+        <span class="ui-badge__label" part="rotulo" style="display: none;"></span>
+        <span class="ui-badge__close" part="remover" role="button" tabindex="0" aria-label="Remover" style="display: none;" title="Remover">✕</span>
+      </span>
+    `,this.badgeElement=e.querySelector(".ui-badge"),this.labelElement=e.querySelector(".ui-badge__label"),this.closeElement=e.querySelector(".ui-badge__close")}static get observedAttributes(){return["variante","variant","estilo","removivel","removable","disabled","label","value"]}connectedCallback(){this.listeners.cleanup(),this.listeners.add(this.closeElement,"click",this.handleRemove),this.listeners.add(this.closeElement,"keydown",e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),this.handleRemove(e))}),this.syncState()}disconnectedCallback(){this.listeners.cleanup()}attributeChangedCallback(e,r,a){this.syncState()}get removivel(){return this.hasAttribute("removivel")||this.hasAttribute("removable")}set removivel(e){e?this.setAttribute("removivel",""):(this.removeAttribute("removivel"),this.removeAttribute("removable"))}syncState(){const e=this.getAttribute("variante")||this.getAttribute("variant")||"neutro",r=this.getAttribute("estilo")||"suave",a=this.getAttribute("label"),n=this.removivel;this.badgeElement.className="ui-badge",this.badgeElement.classList.add(`ui-badge--${e}`),this.badgeElement.classList.add(`ui-badge--${r}`),a?(this.labelElement.textContent=a,this.labelElement.style.display="inline"):this.labelElement.style.display="none",n?this.closeElement.style.display="inline-flex":this.closeElement.style.display="none"}}class g extends c{}class v extends c{}s.definirCustomElement("ui-badge",c);s.definirCustomElement("ui-chip",g);s.definirCustomElement("ui-tag",v);exports.UIBadge=c;exports.UIChip=g;exports.UIKpi=u;exports.UIMetrica=b;exports.UIStat=l;exports.UITag=v;