@govbr-ds/webcomponents 2.5.0 → 2.6.0

package/dist/collection/pages/scripts/pageLoader.js

@@ -11,13 +11,88 @@ let lzStringPromise;
 const MAX_PLAYGROUND_DRAFT_SIZE = 512 * 1024;
 const DEV_VIEWPORTS = [
   { id: 'desktop', label: 'Desktop (100%)', icon: 'fas fa-desktop', mode: 'web', width: null, height: null },
-  { id: 'tablet', label: 'Tablet - 768px', icon: 'fas fa-tablet-alt', mode: 'web', width: 768, height: 600 },
+  { id: 'tablet', label: 'Tablet - 768px', icon: 'fas fa-tablet-alt', mode: 'tablet', width: 768, height: 1024 },
   { id: 'ios', label: 'iPhone (iOS) - 390x844', icon: 'fab fa-apple', mode: 'ios', width: 390, height: 844 },
   { id: 'android', label: 'Android - 360x800', icon: 'fab fa-android', mode: 'android', width: 360, height: 800 },
 ];
 const DEV_PREVIEW_MIN_WIDTH = 200;
 const DEV_PREVIEW_MIN_HEIGHT = 180;
 const DEV_PREVIEW_RESIZE_STEP = 16;
+const VIEWPORT_DIMENSION_PATTERN = /^\d+(?:px)?$/i;
+const VIEWPORT_ALIASES = { mobile: 'android', phone: 'android', iphone: 'ios', ipad: 'tablet' };
+
+function resolveNamedViewport(name) {
+  if (typeof name !== 'string') return null;
+  const normalized = name.trim().toLowerCase();
+  const id = VIEWPORT_ALIASES[normalized] || normalized;
+  return DEV_VIEWPORTS.find((viewport) => viewport.id === id) || null;
+}
+
+function readViewportDimension(value) {
+  if (typeof value === 'number') return Number.isFinite(value) && value > 0 ? value : null;
+  if (typeof value !== 'string' || !VIEWPORT_DIMENSION_PATTERN.test(value.trim())) return null;
+  const parsed = Number.parseInt(value, 10);
+  return Number.isFinite(parsed) && parsed > 0 ? parsed : null;
+}
+
+function resolveViewportMode(value, width) {
+  if (['ios', 'android', 'tablet', 'web'].includes(value)) return value;
+  if (width && width <= 500) return 'android';
+  if (width && width <= 800) return 'tablet';
+  return 'web';
+}
+
+function getViewportDimensions(config, direct) {
+  const width = direct ? (config.viewportWidth ?? config.x ?? config.width) : (config.width ?? config.x ?? config.w);
+  const height = direct
+    ? (config.viewportHeight ?? config.y ?? config.height)
+    : (config.height ?? config.y ?? config.h);
+  return { width: readViewportDimension(width), height: readViewportDimension(height) };
+}
+
+function getViewportIcon(config, mode) {
+  if (typeof config.icon === 'string') return config.icon;
+  const icons = {
+    ios: 'fab fa-apple',
+    android: 'fab fa-android',
+    tablet: 'fas fa-tablet-alt',
+    web: 'fas fa-ruler-combined',
+  };
+  return icons[mode] || icons.web;
+}
+
+function createCustomViewport(config, direct = false) {
+  const { width, height } = getViewportDimensions(config, direct);
+  if (!width && !height) return null;
+  const mode = resolveViewportMode(config.mode, width);
+  return {
+    id: typeof config.id === 'string' ? config.id : 'custom',
+    label: typeof config.label === 'string' ? config.label : `${width || 'auto'}x${height || 'auto'}`,
+    icon: getViewportIcon(config, mode),
+    mode,
+    width,
+    height,
+  };
+}
+
+function hasViewportDimensions(config) {
+  return ['width', 'height', 'x', 'y', 'w', 'h'].some((key) => config[key] != null);
+}
+
+function resolvePresetViewport(preset) {
+  if (!preset || typeof preset !== 'object') return null;
+  if (typeof preset.viewport === 'string') return resolveNamedViewport(preset.viewport);
+  if (preset.viewport && typeof preset.viewport === 'object') {
+    const config = preset.viewport;
+    if (typeof config.id === 'string' && !hasViewportDimensions(config)) {
+      const named = resolveNamedViewport(config.id);
+      if (named) return named;
+    }
+    const viewport = createCustomViewport(config);
+    if (viewport) return viewport;
+  }
+  return createCustomViewport(preset, true);
+}
 
 function createPreviewResizeHandle(axis) {
   const isWidthHandle = axis === 'vertical';
@@ -42,6 +117,40 @@ function getPreviewResizeDelta(key, decreaseKey, increaseKey) {
   return 0;
 }
 
+function handlePresetPickerKeydown(event, options, activeOptionId, setActiveOption, selectOption, closeOptions) {
+  const availableOptions = options.filter((option) => option.getAttribute('aria-disabled') !== 'true');
+  if (!availableOptions.length) return;
+  const activeIndex = availableOptions.findIndex((option) => option.id === activeOptionId);
+  switch (event.key) {
+    case 'ArrowDown':
+    case 'ArrowUp': {
+      event.preventDefault();
+      const delta = event.key === 'ArrowDown' ? 1 : -1;
+      const current = activeIndex < 0 ? (delta > 0 ? -1 : 0) : activeIndex;
+      const nextIndex = (current + delta + availableOptions.length) % availableOptions.length;
+      setActiveOption(availableOptions[nextIndex].dataset.presetId);
+      break;
+    }
+    case 'Home':
+    case 'End':
+      event.preventDefault();
+      setActiveOption(availableOptions[event.key === 'Home' ? 0 : availableOptions.length - 1].dataset.presetId);
+      break;
+    case 'Enter':
+    case ' ':
+      event.preventDefault();
+      if (activeIndex >= 0) selectOption(availableOptions[activeIndex].dataset.presetId);
+      break;
+    case 'Escape':
+      event.preventDefault();
+      closeOptions(true);
+      break;
+    case 'Tab':
+      closeOptions();
+      break;
+  }
+}
+
 function getPlaygroundDraftKey(path, file) {
   return `wbc-playground-draft:${path}/${file}`;
 }
@@ -127,7 +236,7 @@ function getBaseUrl() {
   return baseUrl === '' ? '' : baseUrl;
 }
 
-function createExampleElement(path, file, text, presets = [], defaultPreset = '', exampleLabel = '') {
+function createExampleElement(path, file, text, presets = [], defaultPreset = '', exampleConfig = {}) {
   text = stripDevServerConnector(text);
   const contentDiv = document.createElement('br-item');
   contentDiv.classList.add('file', 'wbc-example');
@@ -379,12 +488,40 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
   updateHistoryActions();
   diffAction.button.disabled = true;
 
-  const presetSelect = document.createElement('br-select');
+  const presetSelect = document.createElement('select');
   presetSelect.className = 'wbc-example-preset';
   presetSelect.id = `${controlsScope}-preset`;
-  presetSelect.setAttribute('density', 'small');
-  presetSelect.setAttribute('inline', '');
-  presetSelect.setAttribute('label', 'Preset');
+  presetSelect.setAttribute('aria-label', 'Preset');
+  presetSelect.hidden = true;
+  presetSelect.setAttribute('aria-hidden', 'true');
+  presetSelect.tabIndex = -1;
+  const presetPicker = document.createElement('div');
+  presetPicker.className = 'wbc-preset-picker';
+  const presetLabel = document.createElement('br-form-label');
+  presetLabel.className = 'wbc-example-preset-label';
+  presetLabel.setAttribute('label-text', 'Exemplos');
+  const presetTrigger = document.createElement('button');
+  presetTrigger.type = 'button';
+  presetTrigger.id = `${controlsScope}-preset-trigger`;
+  presetTrigger.className = 'wbc-preset-picker__trigger';
+  presetLabel.setAttribute('for', presetTrigger.id);
+  presetTrigger.setAttribute('aria-label', 'Exemplos');
+  presetTrigger.setAttribute('aria-haspopup', 'listbox');
+  presetTrigger.setAttribute('aria-expanded', 'false');
+  const presetTriggerLabel = document.createElement('span');
+  presetTriggerLabel.className = 'wbc-preset-picker__label';
+  const presetOptionsList = document.createElement('div');
+  presetOptionsList.className = 'wbc-preset-picker__options';
+  presetOptionsList.id = `${controlsScope}-preset-options`;
+  presetOptionsList.setAttribute('role', 'listbox');
+  presetOptionsList.setAttribute('aria-label', 'Opções de preset');
+  presetOptionsList.setAttribute('popover', 'manual');
+  presetOptionsList.tabIndex = -1;
+  presetTrigger.setAttribute('aria-controls', presetOptionsList.id);
+  const presetChevron = document.createElement('span');
+  presetChevron.className = 'wbc-preset-picker__chevron';
+  presetChevron.setAttribute('aria-hidden', 'true');
+  presetChevron.textContent = '▾';
   const initialPreset =
     presets.find(({ id, source }) => id === activeDraft?.presetId && Boolean(source)) ??
     presets.find(({ id, source }) => id === defaultPreset && Boolean(source)) ??
@@ -397,16 +534,128 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
   const pickSource = (...values) => values.find((value) => typeof value === 'string');
   vanillaSources.css = pickSource(sharedState?.c, activeDraft?.css, getPresetCss(initialPreset));
   vanillaSources.javascript = pickSource(sharedState?.j, activeDraft?.javascript, getPresetJavascript(initialPreset));
-  presetOptions.forEach(({ id, label, source }) => {
-    const option = document.createElement('br-select-option');
+  const presetTags = document.createElement('div');
+  presetTags.className = 'wbc-example-preset-tags';
+  presetTags.setAttribute('aria-label', 'Ambientes do preset');
+  const updatePresetTags = (tags = []) => {
+    presetTags.replaceChildren();
+    if (!Array.isArray(tags) || !tags.length) {
+      presetTags.hidden = true;
+      return;
+    }
+    presetTags.hidden = false;
+    tags.forEach((tag) => {
+      const badge = document.createElement('br-tag');
+      badge.className = `wbc-preset-tag wbc-preset-tag--${tag}`;
+      badge.setAttribute('density', 'compact');
+      badge.textContent = tag.toUpperCase();
+      presetTags.appendChild(badge);
+    });
+  };
+  const presetOptionElements = new Map();
+  presetOptions.forEach(({ id, label, source, description, tags }) => {
+    const option = document.createElement('option');
     option.value = id;
-    option.setAttribute('label', label);
     option.textContent = label;
-    if (id === initialPresetId) option.setAttribute('selected', '');
-    if (id && !source) option.setAttribute('disabled', '');
+    if (id === initialPresetId) option.selected = true;
+    if (id && !source) option.disabled = true;
     presetSelect.appendChild(option);
+
+    const optionRow = document.createElement('div');
+    optionRow.className = 'wbc-preset-picker__option';
+    optionRow.setAttribute('role', 'option');
+    optionRow.setAttribute('aria-selected', String(id === initialPresetId));
+    optionRow.id = `${controlsScope}-preset-option-${id}`;
+    optionRow.dataset.presetId = id;
+    optionRow.title = description || '';
+    const optionLabel = document.createElement('span');
+    optionLabel.textContent = label;
+    optionRow.appendChild(optionLabel);
+    if (Array.isArray(tags) && tags.length) {
+      const optionTags = document.createElement('span');
+      optionTags.className = 'wbc-example-preset-tags';
+      optionTags.setAttribute('aria-label', `Ambientes: ${tags.map((tag) => tag.toUpperCase()).join(', ')}`);
+      tags.forEach((tag) => {
+        const badge = document.createElement('span');
+        badge.className = `wbc-preset-tag wbc-preset-tag--${tag}`;
+        badge.textContent = tag.toUpperCase();
+        optionTags.appendChild(badge);
+      });
+      optionRow.appendChild(optionTags);
+    }
+    if (option.disabled) optionRow.setAttribute('aria-disabled', 'true');
+    optionRow.addEventListener('pointermove', () => setActivePresetOption(id));
+    optionRow.addEventListener('click', () => selectPresetOption(id));
+    presetOptionElements.set(id, optionRow);
+    presetOptionsList.appendChild(optionRow);
   });
   presetSelect.value = initialPresetId;
+  const onPresetPickerOutsidePointer = (event) => {
+    if (!presetPicker.contains(event.target)) closePresetOptions();
+  };
+  const closePresetOptions = (restoreFocus = false) => {
+    presetPicker.classList.remove('is-open');
+    presetTrigger.setAttribute('aria-expanded', 'false');
+    if (presetOptionsList.matches(':popover-open')) presetOptionsList.hidePopover();
+    document.removeEventListener('pointerdown', onPresetPickerOutsidePointer);
+    if (restoreFocus) presetTrigger.focus();
+  };
+  const setActivePresetOption = (id) => {
+    const option = presetOptionElements.get(id);
+    if (!option || option.getAttribute('aria-disabled') === 'true') return;
+    presetOptionsList.setAttribute('aria-activedescendant', option.id);
+    for (const item of presetOptionElements.values()) item.classList.toggle('is-active', item === option);
+  };
+  const openPresetOptions = () => {
+    presetPicker.classList.add('is-open');
+    presetTrigger.setAttribute('aria-expanded', 'true');
+    const rect = presetTrigger.getBoundingClientRect();
+    const maxWidth = Math.min(360, window.innerWidth - 16);
+    const left = Math.min(Math.max(8, rect.left), window.innerWidth - maxWidth - 8);
+    const maxHeight = Math.min(288, window.innerHeight - 16);
+    const top =
+      rect.bottom + maxHeight + 8 > window.innerHeight ? Math.max(8, rect.top - maxHeight - 4) : rect.bottom + 4;
+    presetOptionsList.style.left = `${left}px`;
+    presetOptionsList.style.top = `${top}px`;
+    presetOptionsList.style.minWidth = `${Math.max(rect.width, 200)}px`;
+    presetOptionsList.style.maxWidth = `${maxWidth}px`;
+    if (!presetOptionsList.matches(':popover-open')) presetOptionsList.showPopover();
+    document.addEventListener('pointerdown', onPresetPickerOutsidePointer, { signal: exampleAbortController.signal });
+    setActivePresetOption(presetSelect.value);
+    presetOptionsList.focus();
+  };
+  const selectPresetOption = (id) => {
+    const option = presetOptions.find((preset) => preset.id === id);
+    if (!option?.source) return;
+    presetSelect.value = id;
+    presetSelect.dispatchEvent(new Event('change', { bubbles: true }));
+    closePresetOptions(true);
+  };
+  presetTrigger.addEventListener('click', () => {
+    if (presetPicker.classList.contains('is-open')) closePresetOptions();
+    else openPresetOptions();
+  });
+  presetTrigger.addEventListener('keydown', (event) => {
+    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {
+      event.preventDefault();
+      openPresetOptions();
+    }
+  });
+  presetOptionsList.addEventListener('keydown', (event) => {
+    handlePresetPickerKeydown(
+      event,
+      [...presetOptionElements.values()],
+      presetOptionsList.getAttribute('aria-activedescendant'),
+      setActivePresetOption,
+      selectPresetOption,
+      closePresetOptions,
+    );
+  });
+  presetTriggerLabel.textContent = initialPreset?.label || '';
+  presetTrigger.append(presetTriggerLabel, presetTags, presetChevron);
+  presetPicker.append(presetTrigger, presetOptionsList);
+  presetLabel.appendChild(presetPicker);
+  updatePresetTags(initialPreset?.tags);
 
   // Descrição do preset: linha de largura total entre o cabeçalho e o preview e, se houver,
   // a explicação detalhada em <details>, recolhida a cada troca de preset. O parágrafo é uma
@@ -435,16 +684,23 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
   updatePresetDescription(initialPreset);
 
   let isApplyingPresetFromUrl = false;
-  let title;
   const updateExampleLabel = (presetId = presetSelect.value) => {
     const selectedPreset = presetId ? presetOptions.find(({ id }) => id === presetId) : null;
-    if (title) title.textContent = selectedPreset?.label || exampleLabel || file;
+    presetTriggerLabel.textContent = selectedPreset?.label || '';
+    presetTrigger.setAttribute('aria-label', `Exemplos: ${selectedPreset?.label || 'Selecionar exemplo'}`);
+    presetOptionElements.forEach((option, id) => {
+      option.setAttribute('aria-selected', String(id === presetId));
+    });
+    updatePresetTags(selectedPreset?.tags);
   };
   if (initialPreset?.source) comparisonBaseline = initialPreset.source;
   presetSelect.addEventListener('change', () => {
     const selectedPreset = presetOptions.find(({ id }) => id === presetSelect.value);
     updateExampleLabel(selectedPreset?.id);
     updatePresetDescription(selectedPreset);
+    const presetViewport = resolvePresetViewport(selectedPreset) || resolvePresetViewport(exampleConfig);
+    if (presetViewport) applyPresetViewport(presetViewport);
+    else applyPresetViewport(DEV_VIEWPORTS[0]);
     if (selectedPreset?.source) {
       controlsCssSource = '';
       controlsApi?.reset?.();
@@ -477,7 +733,7 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
     isApplyingPresetFromUrl = false;
   };
   const hasPresets = presets.length > 0;
-  presetSelect.hidden = !hasPresets;
+  presetLabel.hidden = !hasPresets;
 
   // 1. Copy Action
   const getCopyText = (target) => {
@@ -767,7 +1023,14 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
     previewFrame.style.removeProperty('margin');
     updatePreviewResizeA11y();
   };
-  const viewportActions = DEV_VIEWPORTS.map((viewport) => {
+  let viewportActions = [];
+  const applyPresetViewport = (viewport) => {
+    setViewport(viewport);
+    viewportActions.forEach(({ viewport: item, action }) => {
+      action.button.classList.toggle('wbc-viewport-action--active', item.id === viewport.id);
+    });
+  };
+  viewportActions = DEV_VIEWPORTS.map((viewport) => {
     const action = createActionButton(viewport.icon, viewport.label, viewport.label, () => {
       setViewport(viewport);
       viewportActions.forEach(({ viewport: item, action: itemAction }) => {
@@ -779,6 +1042,8 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
     action.button.classList.toggle('wbc-viewport-action--active', viewport.id === activeViewport.id);
     return { viewport, action };
   });
+  const initialPresetViewport = resolvePresetViewport(initialPreset) || resolvePresetViewport(exampleConfig);
+  applyPresetViewport(initialPresetViewport || DEV_VIEWPORTS[0]);
 
   let overflowShare;
   const handleShare = async () => {
@@ -881,15 +1146,15 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
   // --- EXAMPLE CARD HEADER ---
   const header = document.createElement('div');
   header.className = 'wbc-example-header';
-
-  title = document.createElement('h3');
   updateExampleLabel();
-  header.appendChild(title);
 
   // Group actions: expanded toolbar vs compact dropdown
   const headerActions = document.createElement('div');
   headerActions.className = 'wbc-example-header-actions';
 
+  const toolbarActions = document.createElement('div');
+  toolbarActions.className = 'wbc-example-toolbar-actions';
+
   const expandedActions = document.createElement('div');
   expandedActions.className = 'wbc-example-header-actions-expanded';
   expandedActions.append(
@@ -1067,7 +1332,8 @@ function createExampleElement(path, file, text, presets = [], defaultPreset = ''
   collapsedActions.className = 'wbc-example-header-actions-collapsed';
   collapsedActions.append(overflowContainer);
 
-  headerActions.append(presetSelect, expandedActions, collapsedActions, fsAction.tooltip);
+  toolbarActions.append(presetSelect, expandedActions, collapsedActions, fsAction.tooltip);
+  headerActions.append(presetLabel, toolbarActions);
   header.appendChild(headerActions);
 
   const updateToolbarLayout = () => {
@@ -1983,7 +2249,7 @@ function createExamplesList(path, results, presets = [], exampleConfigs = [], in
       text,
       availablePresets.map(({ source, ...preset }) => ({ ...preset, source: source?.text ?? null })),
       selectedPresetId,
-      config?.label || file,
+      config || {},
     );
     element.dataset.defaultPreset =
       fallbackPreset?.id || availablePresets.find((preset) => getPresetSource(preset))?.id || '';

package/dist/collection/pages/scripts/pageloader-preview.js

@@ -292,7 +292,9 @@ function renderExamplePreview(previewElement, source, edgeToEdge = false, javasc
         ['log', 'warn', 'error'].forEach((level) => {
           originalConsole[level] = console[level];
           console[level] = (...args) => {
-            sendRuntime(level === 'warn' ? 'warning' : level, args.map(formatRuntimeValue), { source: 'console' });
+            sendRuntime(level === 'warn' ? 'warning' : level, args.map((arg) => formatRuntimeValue(arg)), {
+              source: 'console',
+            });
             originalConsole[level]?.apply(console, args);
           };
         });

package/dist/components/br-avatar.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as t,t as a,H as r,h as e,d as i}from"./p-Jk_KQE5V.js";import{g as o}from"./p-BeJxz5TQ.js";import{r as n,b as s}from"./p-DiLI514I.js";import{h as l}from"./p-BNckUhK6.js";import{d as c}from"./p-DoWy_P8b.js";import{d}from"./p-Or3FLzbz.js";import{d as g}from"./p-CAgbUwsx.js";import{d as v}from"./p-CW8xwk6J.js";const h=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasError=!1,this.density="medium",this.customId=o(),this.src="",this.alt="Foto de perfil do usuário",this.isIconic=!1,this.text="",this.disabled=!1,this.bgColor="#DBE8FB",this.status=!1,this.statusBgColor="rgb(22, 136, 33)",this.statusLabel="Status do usuário",this.statusSize="12px",this.statusPosition="top-right",this.handleImageError=()=>{this.hasError=!0,console.error("Erro ao carregar imagem do avatar: "+this.src)}}get effectiveStatusPosition(){return n(this.el,"statusPosition",this.statusPosition,["top-right","bottom-right","top-left","bottom-left"],"top-right")}handleDensityChange(t){this.density=s(this.el,t),"12px"===this.statusSize&&(this.statusSize={small:"12px",medium:"14px",large:"16px"}[this.density]),this.el.setAttribute("density",this.density)}handleBackgroundColorChange(){this.setCustomBackgroundColor()}componentWillLoad(){this.handleDensityChange(this.density),this.setCustomBackgroundColor()}async setFocus(){this.el.hasAttribute("tabindex")||this.el.setAttribute("tabindex","-1"),this.el.focus()}getCssClassMap(){const t=s(this.el,this.density);return{"br-avatar":!0,[t]:!0,error:this.hasError,disabled:this.disabled}}hasContent(t){return t?.trim().length>0}hasStatusSlot(){return l(this.el,"status")}getContentClasses(){return this.hasContent(this.text)&&!(this.iconic??this.isIconic)?"content text-pure-0":"content"}setCustomBackgroundColor(){this.hasContent(this.bgColor)&&this.el.style.setProperty("--avatar-text-background-color",this.bgColor)}getAriaLabel(){const t=this.el.getAttribute("aria-label");return this.hasContent(t??"")?t??"":this.hasContent(this.text)&&!(this.iconic??this.isIconic)?"Avatar de "+this.text:this.hasContent(this.src)&&!this.hasError?this.alt:"Avatar com ícone padrão de usuário"}renderTextAvatar(){return this.text[0].toUpperCase()}renderImageAvatar(){return e("img",{src:this.src,alt:this.alt,loading:"lazy",onError:this.handleImageError})}renderIconAvatar(){const t={small:"32",medium:"80",large:"128"}[s(this.el,this.density)];return e("br-icon",{iconName:"fa-solid:user",width:t,height:t,"aria-hidden":"true",class:"avatar-icon"})}renderAvatar(){return this.iconic??this.isIconic?this.renderIconAvatar():this.hasContent(this.text)?this.renderTextAvatar():this.hasContent(this.src)&&!this.hasError?this.renderImageAvatar():this.renderIconAvatar()}renderStatus(){if(!this.status&&!this.hasStatusSlot())return null;const t=s(this.el,this.density);return e("span",{class:`avatar-status ${this.effectiveStatusPosition} ${t}`,part:"status"},e("slot",{name:"status"},e("br-tag",{status:!0,size:this.statusSize,bgColor:this.statusBgColor,"prop:ariaLabel":this.statusLabel})))}render(){return e(i,{key:"4b3ba157e374130f69c00745725ece7d3383c12b"},e("span",{key:"b0c1c76767c9232d437fb91244afe94fd9e01189",id:this.customId,class:this.getCssClassMap(),role:"img","aria-label":this.getAriaLabel(),part:"container"},e("span",{key:"862975bce37e5fc3dbf91a367704d672e71f3956",class:"avatar-content-wrapper"},e("span",{key:"7eb13a21ca0bd4eedc7c44619396d3e0a887a9e2",class:this.getContentClasses(),part:"content"},this.renderAvatar()),this.renderStatus())))}get el(){return this}static get watchers(){return{density:[{handleDensityChange:0}],bgColor:[{handleBackgroundColorChange:0}]}}static get style(){return"*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mx-3{margin-left:var(--spacing-scale-2x) !important;margin-right:var(--spacing-scale-2x) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.ml-auto{margin-left:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}@media (min-width: 576px){.ml-sm-0{margin-left:var(--spacing-scale-default) !important}}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);align-items:center;background-color:rgba(0,0,0,0);border:0;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content .fa,.br-avatar .content .fas{--icon-size:var(--avatar-icon-size);margin-top:.25em}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown].focus-visible,.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image .fa,.br-avatar .image .fas{--icon-size:var(--avatar-icon-size);margin-top:.25em}:host{display:inline-block}:host .br-avatar .content.text-pure-0{background-color:var(--avatar-text-background-color)}:host .br-avatar{overflow:visible;position:relative}:host .avatar-content-wrapper{display:inline-block;line-height:0;position:relative}:host .avatar-status{display:flex;line-height:0;position:absolute}:host .avatar-status br-tag{margin-right:0}:host .avatar-status.top-right{right:0;top:0;transform:translate(20%, -20%)}:host .avatar-status.small.top-right{right:0;top:2px}:host .avatar-status.medium.top-right{right:10px;top:10px}:host .avatar-status.large.top-right{right:25px;top:10px}:host .avatar-status.bottom-right{bottom:0;right:0;transform:translate(20%, 20%)}:host .avatar-status.top-left{left:0;top:0;transform:translate(-20%, -20%)}:host .avatar-status.bottom-left{bottom:0;left:0;transform:translate(-20%, 20%)}:host([density=small]) .avatar-icon{margin-top:.7em}:host([density=medium]) .avatar-icon{margin-top:.95em}:host([density=large]) .avatar-icon{margin-top:.65em}"}},[257,"br-avatar",{density:[1025],customId:[513,"custom-id"],src:[1],alt:[1],isIconic:[4,"is-iconic"],iconic:[4],text:[1],disabled:[4],bgColor:[513,"bg-color"],status:[516],statusBgColor:[513,"status-bg-color"],statusLabel:[513,"status-label"],statusSize:[1537,"status-size"],statusPosition:[513,"status-position"],hasError:[32],setFocus:[64]},void 0,{density:[{handleDensityChange:0}],bgColor:[{handleBackgroundColorChange:0}]}]),m=h,u=function(){"undefined"!=typeof customElements&&["br-avatar","br-button","br-icon","br-message","br-tag"].forEach((t=>{switch(t){case"br-avatar":customElements.get(a(t))||customElements.define(a(t),h);break;case"br-button":customElements.get(a(t))||c();break;case"br-icon":customElements.get(a(t))||d();break;case"br-message":customElements.get(a(t))||g();break;case"br-tag":customElements.get(a(t))||v()}}))};export{m as BrAvatar,u as defineCustomElement}
+import{p as t,t as a,H as r,h as e,d as i}from"./p-DMj5iO7_.js";import{g as o}from"./p-BeJxz5TQ.js";import{r as n,b as s}from"./p-CJuHirYK.js";import{h as l}from"./p-BNckUhK6.js";import{d as c}from"./p-CWPrXYam.js";import{d}from"./p-Ca89D_0s.js";import{d as g}from"./p-YxddSP6q.js";import{d as v}from"./p-BfFbYAuJ.js";const h=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.hasError=!1,this.density="medium",this.customId=o(),this.src="",this.alt="Foto de perfil do usuário",this.isIconic=!1,this.text="",this.disabled=!1,this.bgColor="#DBE8FB",this.status=!1,this.statusBgColor="rgb(22, 136, 33)",this.statusLabel="Status do usuário",this.statusSize="12px",this.statusPosition="top-right",this.handleImageError=()=>{this.hasError=!0,console.error("Erro ao carregar imagem do avatar: "+this.src)}}get effectiveStatusPosition(){return n(this.el,"statusPosition",this.statusPosition,["top-right","bottom-right","top-left","bottom-left"],"top-right")}handleDensityChange(t){this.density=s(this.el,t),"12px"===this.statusSize&&(this.statusSize={small:"12px",medium:"14px",large:"16px"}[this.density]),this.el.setAttribute("density",this.density)}handleBackgroundColorChange(){this.setCustomBackgroundColor()}componentWillLoad(){this.handleDensityChange(this.density),this.setCustomBackgroundColor()}async setFocus(){this.el.hasAttribute("tabindex")||this.el.setAttribute("tabindex","-1"),this.el.focus()}getCssClassMap(){const t=s(this.el,this.density);return{"br-avatar":!0,[t]:!0,error:this.hasError,disabled:this.disabled}}hasContent(t){return t?.trim().length>0}hasStatusSlot(){return l(this.el,"status")}getContentClasses(){return this.hasContent(this.text)&&!(this.iconic??this.isIconic)?"content text-pure-0":"content"}setCustomBackgroundColor(){this.hasContent(this.bgColor)&&this.el.style.setProperty("--avatar-text-background-color",this.bgColor)}getAriaLabel(){const t=this.el.getAttribute("aria-label");return this.hasContent(t??"")?t??"":this.hasContent(this.text)&&!(this.iconic??this.isIconic)?"Avatar de "+this.text:this.hasContent(this.src)&&!this.hasError?this.alt:"Avatar com ícone padrão de usuário"}renderTextAvatar(){return this.text[0].toUpperCase()}renderImageAvatar(){return e("img",{src:this.src,alt:this.alt,loading:"lazy",onError:this.handleImageError})}renderIconAvatar(){const t={small:"32",medium:"80",large:"128"}[s(this.el,this.density)];return e("br-icon",{iconName:"fa-solid:user",width:t,height:t,"aria-hidden":"true",class:"avatar-icon"})}renderAvatar(){return this.iconic??this.isIconic?this.renderIconAvatar():this.hasContent(this.text)?this.renderTextAvatar():this.hasContent(this.src)&&!this.hasError?this.renderImageAvatar():this.renderIconAvatar()}renderStatus(){if(!this.status&&!this.hasStatusSlot())return null;const t=s(this.el,this.density);return e("span",{class:`avatar-status ${this.effectiveStatusPosition} ${t}`,part:"status"},e("slot",{name:"status"},e("br-tag",{status:!0,size:this.statusSize,bgColor:this.statusBgColor,"prop:ariaLabel":this.statusLabel})))}render(){return e(i,{key:"4b3ba157e374130f69c00745725ece7d3383c12b"},e("span",{key:"b0c1c76767c9232d437fb91244afe94fd9e01189",id:this.customId,class:this.getCssClassMap(),role:"img","aria-label":this.getAriaLabel(),part:"container"},e("span",{key:"862975bce37e5fc3dbf91a367704d672e71f3956",class:"avatar-content-wrapper"},e("span",{key:"7eb13a21ca0bd4eedc7c44619396d3e0a887a9e2",class:this.getContentClasses(),part:"content"},this.renderAvatar()),this.renderStatus())))}get el(){return this}static get watchers(){return{density:[{handleDensityChange:0}],bgColor:[{handleBackgroundColorChange:0}]}}static get style(){return"*,*::before,*::after{box-sizing:border-box}:host{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.d-none{display:none !important}@media (min-width: 576px){.d-sm-block{display:block !important}.d-sm-flex{display:flex !important}}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown>.br-notification{left:auto;right:0}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter)*.5);padding-right:calc(var(--grid-gutter)*.5);width:100%}.col{flex:1 0 0%;min-width:8.3333333333%}.col-auto{flex:0 0 auto;width:auto}.col-2{flex-basis:16.6666666667%;max-width:16.6666666667%}.container,.container-fluid,.container-lg{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:flex;flex-wrap:wrap;margin-left:calc(var(--grid-gutter)*-0.5);margin-right:calc(var(--grid-gutter)*-0.5)}@media (min-width: 576px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}.col-sm-4{flex-basis:33.3333333333%;max-width:33.3333333333%}}@media (min-width: 992px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}.col-lg-3{flex-basis:25%;max-width:25%}}@media (min-width: 1600px){.container,.container-lg,.container-fluid{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container,.container-lg{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.ease{animation-timing-function:cubic-bezier(0.25, 0.1, 0.25, 1)}.ease-out{animation-timing-function:cubic-bezier(0, 0, 0.58, 1)}.ease-in-out{animation-timing-function:cubic-bezier(0.42, 0, 0.58, 1)}.fast{animation-duration:var(--duration-fast)}.slow{animation-duration:var(--duration-slow)}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mb-1{margin-bottom:var(--spacing-scale-half) !important}.ml-1{margin-left:var(--spacing-scale-half) !important}.mb-4{margin-bottom:var(--spacing-scale-3x) !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.highlight{background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}fieldset[disabled]{opacity:1}.text-center{text-align:center !important}.text-right{text-align:right !important}.text-nowrap{white-space:nowrap !important}.text-uppercase{text-transform:uppercase !important}.text-bold{font-weight:700 !important}.text-base{font-size:var(--font-size-scale-base) !important}.text-down-01{font-size:var(--font-size-scale-down-01) !important}@media (min-width: 576px){.text-sm-center{text-align:center !important}.text-sm-left{text-align:left !important}.text-sm-right{text-align:right !important}}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half)}a:focus{outline:none}a.focus-visible,a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}a{color:var(--interactive);text-decoration:none}.main-content a{text-decoration:underline}button{cursor:pointer}img{max-width:100%;vertical-align:middle}h2,.h2{color:var(--color);font-size:var(--font-size-scale-up-03);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2xh);margin-top:var(--spacing-scale-3xh);padding-bottom:var(--spacing-scale-2xh)}@media (min-width: 576px){.h2,h2{font-size:var(--font-size-scale-up-05);font-weight:var(--font-weight-regular)}}ul,ol{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}table{--table-background:var(--background);--table-color:var(--color);--table-border-color:var(--gray-20);--table-border-style:solid;--table-border-width:1px;--table-hover:var(--color-rgb);--table-padding:var(--spacing-scale-3x);--table-font-weight:var(--font-weight-medium);--table-th-background:var(--background-alternative);--table-th-font-weight:var(--font-weight-semi-bold);--table-row-size:var(--spacing-scale-2x);border-collapse:collapse;width:100%}tr.selected,tr.is-selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}fieldset,.fieldset{border:var(--surface-width-none);margin-bottom:var(--spacing-scale-5x);margin-top:0;padding:0}legend,.legend{color:var(--color);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-2x);margin-top:var(--spacing-scale-2x)}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}pre,.pre{background:var(--gray-5);margin:var(--spacing-scale-2x) 0 var(--spacing-scale-4x);padding:var(--spacing-scale-2x)}mark,.mark{background:var(--red-warm-vivid-10);color:var(--color)}*[data-toggle=collapse]:not(:disabled):hover{background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}*[data-toggle=collapse]:focus{outline:none}*[data-toggle=collapse].focus-visible,*[data-toggle=collapse]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}@media (prefers-reduced-motion: reduce){:host,:host::before,:host::after,:host *,:host *::before,:host *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}}:host-context([data-wbc-reduced-motion=true])::before,:host-context([data-wbc-reduced-motion=true])::after,:host-context([data-wbc-reduced-motion=true]) *,:host-context([data-wbc-reduced-motion=true]) *::before,:host-context([data-wbc-reduced-motion=true]) *::after{animation:none !important;scroll-behavior:auto !important;transition:none !important}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);align-items:center;background-color:rgba(0,0,0,0);border:0;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content .fa,.br-avatar .content .fas{--icon-size:var(--avatar-icon-size);margin-top:.25em}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown].focus-visible,.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image .fa,.br-avatar .image .fas{--icon-size:var(--avatar-icon-size);margin-top:.25em}:host{display:inline-block}:host .br-avatar .content.text-pure-0{background-color:var(--avatar-text-background-color)}:host .br-avatar{overflow:visible;position:relative}:host .avatar-content-wrapper{display:inline-block;line-height:0;position:relative}:host .avatar-status{display:flex;line-height:0;position:absolute}:host .avatar-status br-tag{margin-right:0}:host .avatar-status.top-right{right:0;top:0;transform:translate(20%, -20%)}:host .avatar-status.small.top-right{right:0;top:2px}:host .avatar-status.medium.top-right{right:10px;top:10px}:host .avatar-status.large.top-right{right:25px;top:10px}:host .avatar-status.bottom-right{bottom:0;right:0;transform:translate(20%, 20%)}:host .avatar-status.top-left{left:0;top:0;transform:translate(-20%, -20%)}:host .avatar-status.bottom-left{bottom:0;left:0;transform:translate(-20%, 20%)}:host([density=small]) .avatar-icon{margin-top:.7em}:host([density=medium]) .avatar-icon{margin-top:.95em}:host([density=large]) .avatar-icon{margin-top:.65em}"}},[257,"br-avatar",{density:[1025],customId:[513,"custom-id"],src:[1],alt:[1],isIconic:[4,"is-iconic"],iconic:[4],text:[1],disabled:[4],bgColor:[513,"bg-color"],status:[516],statusBgColor:[513,"status-bg-color"],statusLabel:[513,"status-label"],statusSize:[1537,"status-size"],statusPosition:[513,"status-position"],hasError:[32],setFocus:[64]},void 0,{density:[{handleDensityChange:0}],bgColor:[{handleBackgroundColorChange:0}]}]),m=h,u=function(){"undefined"!=typeof customElements&&["br-avatar","br-button","br-icon","br-message","br-tag"].forEach((t=>{switch(t){case"br-avatar":customElements.get(a(t))||customElements.define(a(t),h);break;case"br-button":customElements.get(a(t))||c();break;case"br-icon":customElements.get(a(t))||d();break;case"br-message":customElements.get(a(t))||g();break;case"br-tag":customElements.get(a(t))||v()}}))};export{m as BrAvatar,u as defineCustomElement}

package/dist/components/br-breadcrumb-item.js

@@ -2,4 +2,4 @@
  * Construído por SERPRO
  * © https://serpro.gov.br/ - MIT License.
  */
-import{p as e,H as a,c as t,h as r,d as s,t as h}from"./p-Jk_KQE5V.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.brCrumbPropsChange=t(this,"brCrumbPropsChange",7),this.label="",this.home=!1,this.active=!1}handlePropsChange(){this.brCrumbPropsChange.emit()}render(){return r(s,{key:"8177c9b8dcca6c295c84d650abf51e260a9c8f90",style:{display:"none"}},r("slot",{key:"14f94aef69d1cd4ead56010e0f854ce232cc7d6e"}))}static get watchers(){return{label:[{handlePropsChange:0}],href:[{handlePropsChange:0}],target:[{handlePropsChange:0}],home:[{handlePropsChange:0}],active:[{handlePropsChange:0}]}}},[257,"br-breadcrumb-item",{label:[513],href:[513],target:[513],home:[4],active:[4]},void 0,{label:[{handlePropsChange:0}],href:[{handlePropsChange:0}],target:[{handlePropsChange:0}],home:[{handlePropsChange:0}],active:[{handlePropsChange:0}]}]),o=n,c=function(){"undefined"!=typeof customElements&&["br-breadcrumb-item"].forEach((e=>{"br-breadcrumb-item"===e&&(customElements.get(h(e))||customElements.define(h(e),n))}))};export{o as BrBreadcrumbItem,c as defineCustomElement}
+import{p as e,H as a,c as t,h as r,d as s,t as h}from"./p-DMj5iO7_.js";const n=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.brCrumbPropsChange=t(this,"brCrumbPropsChange",7),this.label="",this.home=!1,this.active=!1}handlePropsChange(){this.brCrumbPropsChange.emit()}render(){return r(s,{key:"8177c9b8dcca6c295c84d650abf51e260a9c8f90",style:{display:"none"}},r("slot",{key:"14f94aef69d1cd4ead56010e0f854ce232cc7d6e"}))}static get watchers(){return{label:[{handlePropsChange:0}],href:[{handlePropsChange:0}],target:[{handlePropsChange:0}],home:[{handlePropsChange:0}],active:[{handlePropsChange:0}]}}},[257,"br-breadcrumb-item",{label:[513],href:[513],target:[513],home:[4],active:[4]},void 0,{label:[{handlePropsChange:0}],href:[{handlePropsChange:0}],target:[{handlePropsChange:0}],home:[{handlePropsChange:0}],active:[{handlePropsChange:0}]}]),o=n,c=function(){"undefined"!=typeof customElements&&["br-breadcrumb-item"].forEach((e=>{"br-breadcrumb-item"===e&&(customElements.get(h(e))||customElements.define(h(e),n))}))};export{o as BrBreadcrumbItem,c as defineCustomElement}