@govbr-ds/webcomponents 2.0.0-next.4 → 2.0.0-next.40

package/dist/components/br-scrim.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["scrimCss","Scrim","__stencil_proxyCustomElement","HTMLElement","elementInternals","customId","ScrimId","isOpen","positionContent","disableCloseOnClick","zIndex","customBackground","customOpacity","displayMode","scrollStrategy","scrollThreshold","activator","brScrimOpen","brScrimClose","isActive","hasActivatorSlot","contentRef","activatorElement","scrollOffset","lastScrollTop","previouslyFocusedElement","static","join","handleOpenChange","newValue","this","updateStyles","document","activeElement","applyScrollStrategy","setTimeout","focusFirstElement","emit","resetScrolling","restoreFocus","undefined","el","style","setProperty","handleActivatorChange","removeActivatorClickListener","setupActivator","componentWillLoad","checkActivatorSlot","componentDidLoad","setupActivatorSlotClick","addEventListener","handleKeyDown","connectedCallback","window","handleScrollClose","disconnectedCallback","removeEventListener","cleanupActivatorSlotClick","slotName","querySelector","slotEl","shadowRoot","assignedElements","length","handleActivatorClick","console","warn","parentElement","element","addActivatorClickListener","toggle","enableScrollBlock","enableScrollWatcher","scrollY","body","documentElement","handleBlockScroll","e","scrollTo","preventDefault","stopPropagation","removeProperty","currentScroll","Math","abs","setAttribute","focus","focusableElements","getFocusableElements","firstElement","scrollIntoView","block","inline","preventScroll","targetElement","isConnected","error","defaultSlot","flatten","forEach","matches","FOCUSABLE_SELECTORS","push","nestedFocusables","Array","from","querySelectorAll","filterVisibleElements","elements","filter","offsetWidth","offsetHeight","getComputedStyle","visibility","event","shouldHandleEscape","key","handleTabNavigation","lastElement","isTabForward","shiftKey","shouldTrapFocus","wrapFocus","handleMaskClick","_event","close","getCssClassMap","opened","setScrollThreshold","threshold","open","render","h","Host","name","class","id","role","onClick","ref","tabIndex","onKeyDown"],"sources":["../../packages/webcomponents/src/components/scrim/scrim.scss?tag=br-scrim&encapsulation=shadow","../../packages/webcomponents/src/components/scrim/scrim.tsx"],"sourcesContent":[":host {\n  --br-scrim-opacity: 1;\n\n  .br-scrim {\n    visibility: hidden;\n    transition: visibility 0.3s ease;\n    z-index: var(--z-index-layer-4);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: auto;\n  }\n\n  .br-scrim.mode-fullscreen {\n    position: fixed;\n    inset: 0;\n  }\n\n  .br-scrim.mode-parent {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .br-scrim.opened {\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .mask {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: var(--surface-overlay-scrim);\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: auto;\n  }\n\n  .br-scrim.opened .mask {\n    opacity: var(--br-scrim-opacity);\n  }\n\n  .content {\n    position: relative;\n    outline: none;\n    pointer-events: auto;\n    opacity: 0;\n    transform: scale(0.9);\n    transition:\n      opacity 0.3s ease,\n      transform 0.3s ease;\n    background: transparent;\n    padding: 0;\n    margin: 0;\n    border: none;\n    box-shadow: none;\n    overflow: visible;\n    contain: none;\n    display: inline-block;\n    width: fit-content;\n    height: fit-content;\n    z-index: calc(var(--z-index-layer-4) + 1);\n    &:focus {\n      outline: var(--focus-outline);\n      outline-offset: var(--focus-offset);\n      box-shadow: var(--focus-shadow);\n    }\n  }\n\n  .br-scrim.opened .content {\n    opacity: 1;\n    transform: scale(1);\n    pointer-events: auto;\n  }\n\n  .br-scrim.position-top .content {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .br-scrim.position-bottom .content {\n    position: absolute;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  .br-scrim.position-left .content {\n    position: absolute;\n    top: 50%;\n    left: 0;\n    transform: translateY(-50%);\n  }\n\n  .br-scrim.position-right .content {\n    position: absolute;\n    top: 50%;\n    right: 0;\n    transform: translateY(-50%);\n  }\n\n  .br-scrim.position-center .content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .content ::slotted(*) {\n    opacity: 1 !important;\n    filter: none;\n  }\n\n  /* Estilos responsivos */\n  @media (max-width: 768px) {\n    .content {\n      max-width: 95%;\n      max-height: 95%;\n      width: auto;\n    }\n\n    .br-scrim.position-top .content,\n    .br-scrim.position-bottom .content {\n      width: 100%;\n      max-width: 100%;\n      border-radius: 0;\n    }\n  }\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/scrim?tab=designer).\n *\n * @slot default - Elemento que será exibido junto com o Scrim, devendo ser fornecido através do slot. Esse elemento representa o conteúdo principal a ser destacado sobre o fundo escurecido.\n * @slot activator - Elemento que, quando clicado, ativa/desativa o scrim. Tem prioridade sobre a propriedade 'activator'.\n */\n@Component({\n  tag: 'br-scrim',\n  styleUrl: 'scrim.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Scrim {\n  /**\n   * Referência ao elemento host do componente.\n   */\n  @Element() el: HTMLBrScrimElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Identificador único.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true }) readonly customId: string = `br-scrim-${ScrimId++}`\n\n  /**\n   * Ativa/desativa o scrim\n   */\n  @Prop({ reflect: true }) isOpen: boolean = false\n\n  /**\n   * Posiciona o conteúdo no topo, centro, direita, esquerda, abaixo dentro do scrim\n   */\n  @Prop() positionContent: 'top' | 'center' | 'right' | 'left' | 'bottom'\n\n  /**\n   * Desativa o fechamento do scrim ao ser clicado\n   */\n  @Prop() disableCloseOnClick: boolean = false\n\n  /**\n   * Define o valor de z-index do scrim\n   */\n  @Prop() zIndex: number | null = null\n\n  /**\n   * Define um valor CSS personalizado para o background do scrim\n   */\n  @Prop() customBackground: string | null = null\n\n  /**\n   * Define a opacidade personalizada do scrim\n   */\n  @Prop() customOpacity: number | null = null\n\n  /**\n   * Define o modo de exibição do scrim:\n   * - 'fullscreen': Ocupa toda a tela (position: fixed).\n   * - 'parent': Ocupa apenas o elemento pai (position: absolute).\n   * O elemento pai deve ter `position: relative` ou outro valor de posicionamento diferente de `static`.\n   */\n  @Prop() displayMode: 'fullscreen' | 'parent' = 'fullscreen'\n\n  /**\n   * Define a estratégia de manipulação de rolagem quando scrim está aberto\n   * - 'block': Impede a rolagem completamente\n   * - 'close': Fecha o scrim quando ocorre rolagem\n   */\n  @Prop() scrollStrategy: 'block' | 'close'\n\n  /**\n   * Determina quanto de rolagem (em pixels) é necessário para acionar a ação de fechamento automático do scrim.\n   */\n  @Prop() scrollThreshold: number = 50\n\n  /**\n   * Define o seletor para o elemento activator.\n   * Pode ser:\n   * - Um seletor CSS (ex: '.button-class', '#button-id')\n   * - A string 'parent' para usar o elemento pai como activator\n   * Nota: O slot 'activator' tem prioridade sobre esta propriedade.\n   */\n  @Prop() activator: string | null = null\n\n  /** Indica que o scrim foi aberto. */\n  @Event() brScrimOpen: EventEmitter\n\n  /** Indica que o scrim foi fechado */\n  @Event() brScrimClose: EventEmitter\n\n  @State() isActive: boolean = false\n  @State() hasActivatorSlot: boolean = false\n\n  // ======================================================================\n  // PROPRIEDADES PRIVADAS E VARIÁVEIS INTERNAS\n  // ======================================================================\n  private contentRef: HTMLDivElement | null = null\n  private activatorElement: HTMLElement | null = null\n  private scrollOffset: number = 0\n  private lastScrollTop: number = 0\n  private previouslyFocusedElement: HTMLElement | null | undefined = null\n\n  private static readonly FOCUSABLE_SELECTORS = [\n    'a[href]:not([disabled])',\n    'button:not([disabled])',\n    'br-button:not([disabled])',\n    'input:not([disabled])',\n    'br-input:not([disabled])',\n    'select:not([disabled])',\n    'br-select:not([disabled])',\n    'textarea:not([disabled])',\n    'br-textarea:not([disabled])',\n    '[tabindex]:not([tabindex=\"-1\"])',\n  ].join(',')\n\n  // ======================================================================\n  // LIFECYCLE HOOKS E WATCHERS\n  // ======================================================================\n  @Watch('isOpen')\n  handleOpenChange(newValue: boolean) {\n    this.isActive = newValue\n    this.updateStyles()\n\n    if (this.isActive) {\n      this.previouslyFocusedElement = document.activeElement as HTMLElement\n      this.applyScrollStrategy()\n      setTimeout(() => {\n        this.focusFirstElement()\n      }, 100)\n      this.brScrimOpen.emit()\n    } else {\n      this.resetScrolling()\n      this.restoreFocus()\n      this.brScrimClose.emit()\n    }\n  }\n\n  @Watch('zIndex')\n  @Watch('customBackground')\n  @Watch('customOpacity')\n  updateStyles() {\n    if (this.zIndex !== null && this.zIndex !== undefined) {\n      this.el.style.zIndex = `${this.zIndex}`\n      this.el.style.setProperty('--z-index-layer-4', `${this.zIndex}`)\n    }\n    if (this.customBackground !== null) {\n      this.el.style.setProperty('--surface-overlay-scrim', this.customBackground)\n    }\n    if (this.customOpacity !== null) {\n      this.el.style.setProperty('--br-scrim-opacity', `${this.customOpacity}`)\n    }\n  }\n\n  @Watch('activator')\n  handleActivatorChange() {\n    this.removeActivatorClickListener()\n    this.setupActivator()\n  }\n\n  componentWillLoad() {\n    this.hasActivatorSlot = this.checkActivatorSlot('activator')\n  }\n\n  componentDidLoad() {\n    this.isActive = this.isOpen\n    this.updateStyles()\n    if (this.isActive) {\n      this.applyScrollStrategy()\n      this.focusFirstElement()\n    }\n    this.setupActivator()\n    this.setupActivatorSlotClick()\n    this.contentRef.addEventListener('keydown', this.handleKeyDown)\n  }\n\n  connectedCallback() {\n    if (this.scrollStrategy === 'close') {\n      window.addEventListener('scroll', this.handleScrollClose)\n    }\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('scroll', this.handleScrollClose)\n    this.contentRef.removeEventListener('keydown', this.handleKeyDown)\n    this.removeActivatorClickListener()\n    this.cleanupActivatorSlotClick()\n  }\n\n  // ======================================================================\n  // GERENCIAMENTO DO ACTIVATOR (ELEMENTO ACIONADOR)\n  // ======================================================================\n  private checkActivatorSlot(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private setupActivatorSlotClick() {\n    const slotEl = this.el.shadowRoot?.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n    if (slotEl === null || slotEl === undefined) return\n\n    const assignedElements = slotEl.assignedElements?.() ?? []\n\n    if (assignedElements.length === 1) {\n      const el = assignedElements[0] as HTMLElement\n      el.addEventListener('click', this.handleActivatorClick)\n    } else if (assignedElements.length > 1) {\n      console.warn('br-scrim: Slot \"activator\" deve conter apenas um elemento para aplicar o onClick automaticamente.')\n    }\n  }\n\n  private setupActivator() {\n    this.removeActivatorClickListener()\n    this.activatorElement = null\n\n    if (this.hasActivatorSlot || this.activator == null || this.activator === '') {\n      return\n    }\n\n    if (this.activator === 'parent') {\n      const parentElement = this.el.parentElement\n      if (parentElement !== null) {\n        this.activatorElement = parentElement\n      }\n    } else {\n      try {\n        const element = document.querySelector(this.activator)\n        if (element instanceof HTMLElement) {\n          this.activatorElement = element\n        }\n      } catch {\n        console.warn(`br-scrim: Seletor activator inválido: ${this.activator}`)\n      }\n    }\n\n    this.addActivatorClickListener()\n  }\n\n  private handleActivatorClick = () => {\n    this.toggle()\n  }\n\n  private addActivatorClickListener() {\n    if (this.activatorElement === null || this.activatorElement === undefined) return\n    this.activatorElement.addEventListener('click', this.handleActivatorClick)\n  }\n\n  private removeActivatorClickListener() {\n    if (this.activatorElement === null || this.activatorElement === undefined) return\n    this.activatorElement.removeEventListener('click', this.handleActivatorClick)\n  }\n\n  private cleanupActivatorSlotClick() {\n    const slotEl = this.el.shadowRoot?.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n    const assignedElements = slotEl?.assignedElements?.() ?? []\n\n    if (assignedElements.length === 1) {\n      assignedElements[0].removeEventListener('click', this.handleActivatorClick)\n    }\n  }\n\n  // ======================================================================\n  // ESTRATÉGIAS DE ROLAGEM (SCROLL)\n  // ======================================================================\n  private applyScrollStrategy() {\n    if (this.scrollStrategy === 'block') {\n      this.enableScrollBlock()\n    } else if (this.scrollStrategy === 'close') {\n      this.enableScrollWatcher()\n    }\n  }\n\n  private enableScrollBlock() {\n    this.scrollOffset = window.scrollY\n    document.body.style.setProperty('position', 'fixed')\n    document.body.style.setProperty('top', `-${this.scrollOffset}px`)\n    document.body.style.setProperty('left', '0')\n    document.body.style.setProperty('right', '0')\n    document.body.style.setProperty('width', '100%')\n    document.documentElement.style.setProperty('overflow', 'hidden')\n\n    window.addEventListener('scroll', this.handleBlockScroll)\n  }\n\n  private enableScrollWatcher() {\n    window.addEventListener('scroll', this.handleScrollClose)\n  }\n\n  private handleBlockScroll = (e: Event) => {\n    if (this.scrollStrategy === 'block' && this.isActive) {\n      window.scrollTo(0, this.scrollOffset)\n      e.preventDefault()\n      e.stopPropagation()\n    }\n  }\n\n  private resetScrolling() {\n    if (this.scrollStrategy === 'block') {\n      document.body.style.removeProperty('position')\n      document.body.style.removeProperty('top')\n      document.body.style.removeProperty('left')\n      document.body.style.removeProperty('right')\n      document.body.style.removeProperty('width')\n      document.documentElement.style.removeProperty('overflow')\n      window.removeEventListener('scroll', this.handleBlockScroll)\n      window.scrollTo(0, this.scrollOffset)\n    }\n    window.removeEventListener('scroll', this.handleScrollClose)\n  }\n\n  private handleScrollClose = () => {\n    if (this.scrollStrategy === 'close' && this.isActive) {\n      const currentScroll = window.scrollY\n      if (Math.abs(currentScroll - this.lastScrollTop) > this.scrollThreshold) {\n        this.handleOpenChange(false)\n      }\n      this.lastScrollTop = currentScroll\n    }\n  }\n\n  // ======================================================================\n  // ACESSIBILIDADE E GERENCIAMENTO DE FOCO\n  // ======================================================================\n  private focusFirstElement() {\n    if (this.contentRef == null) return\n\n    this.contentRef.setAttribute('tabindex', '-1')\n    this.contentRef.focus()\n\n    const focusableElements = this.getFocusableElements()\n\n    if (focusableElements.length > 0) {\n      const firstElement = focusableElements[0]\n      if (firstElement !== null && firstElement !== undefined) {\n        firstElement.scrollIntoView({ block: 'nearest', inline: 'nearest' })\n        firstElement.focus({ preventScroll: true })\n      }\n    }\n  }\n\n  private restoreFocus() {\n    let targetElement: HTMLElement | null = null\n\n    if (this.previouslyFocusedElement instanceof HTMLElement && this.previouslyFocusedElement.isConnected) {\n      targetElement = this.previouslyFocusedElement\n    } else if (this.activatorElement instanceof HTMLElement) {\n      targetElement = this.activatorElement\n    } else {\n      const slotEl = this.el.shadowRoot?.querySelector('slot[name=\"activator\"]') as HTMLSlotElement\n      if (this.hasActivatorSlot) {\n        const assignedElements = slotEl.assignedElements?.() ?? []\n        if (assignedElements.length > 0 && assignedElements[0] instanceof HTMLElement) {\n          targetElement = assignedElements[0] as HTMLElement\n        }\n      }\n    }\n\n    if (targetElement !== null && targetElement !== undefined) {\n      setTimeout(() => {\n        try {\n          targetElement?.focus()\n        } catch (error) {\n          console.warn('br-scrim: Erro ao restaurar foco:', error)\n        }\n      }, 100)\n    }\n  }\n\n  private getFocusableElements(): HTMLElement[] {\n    if (this.contentRef == null) return []\n\n    const defaultSlot = this.contentRef.querySelector('slot:not([name])') as HTMLSlotElement\n    if (defaultSlot === null || defaultSlot === undefined) return []\n\n    const assignedElements = defaultSlot.assignedElements({ flatten: true })\n    const focusableElements: HTMLElement[] = []\n\n    assignedElements.forEach((el) => {\n      if (!(el instanceof HTMLElement)) return\n\n      if (el.matches(Scrim.FOCUSABLE_SELECTORS)) {\n        focusableElements.push(el)\n      }\n\n      const nestedFocusables = Array.from(el.querySelectorAll<HTMLElement>(Scrim.FOCUSABLE_SELECTORS))\n      focusableElements.push(...nestedFocusables)\n    })\n\n    return this.filterVisibleElements(focusableElements)\n  }\n\n  private filterVisibleElements(elements: HTMLElement[]): HTMLElement[] {\n    return elements.filter(\n      (el) => el.offsetWidth > 0 && el.offsetHeight > 0 && getComputedStyle(el).visibility !== 'hidden'\n    )\n  }\n\n  // ======================================================================\n  // NAVEGAÇÃO POR TECLADO\n  // ======================================================================\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (!this.isActive) return\n\n    if (this.shouldHandleEscape(event)) {\n      this.handleOpenChange(false)\n      return\n    }\n\n    if (event.key === 'Tab') {\n      this.handleTabNavigation(event)\n    }\n  }\n\n  private shouldHandleEscape(event: KeyboardEvent): boolean {\n    return (event.key === 'Escape' || event.key === 'Esc') && this.isActive && !this.disableCloseOnClick\n  }\n\n  private handleTabNavigation(event: KeyboardEvent): void {\n    const focusableElements = this.getFocusableElements()\n    if (focusableElements.length === 0) {\n      event.preventDefault()\n      return\n    }\n\n    const firstElement = focusableElements[0]\n    const lastElement = focusableElements[focusableElements.length - 1]\n    const isTabForward = !event.shiftKey\n\n    if (this.shouldTrapFocus(isTabForward, firstElement, lastElement)) {\n      event.preventDefault()\n      this.wrapFocus(isTabForward, firstElement, lastElement)\n    }\n  }\n\n  private shouldTrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): boolean {\n    return (\n      (isTabForward && document.activeElement === lastElement) ||\n      (!isTabForward && document.activeElement === firstElement)\n    )\n  }\n\n  private wrapFocus(isTabForward: boolean, firstElement: HTMLElement, lastElement: HTMLElement): void {\n    ;(isTabForward ? firstElement : lastElement).focus()\n  }\n\n  // ======================================================================\n  // MANIPULAÇÃO DE EVENTOS E UTILITÁRIOS\n  // ======================================================================\n  private handleMaskClick = (_event: MouseEvent) => {\n    if (!this.disableCloseOnClick) {\n      this.close()\n    }\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-scrim': true,\n      opened: this.isActive,\n      'scroll-block': this.scrollStrategy === 'block',\n      'position-top': this.positionContent === 'top',\n      'position-bottom': this.positionContent === 'bottom',\n      'position-left': this.positionContent === 'left',\n      'position-right': this.positionContent === 'right',\n      'position-center': this.positionContent === 'center',\n      'mode-fullscreen': this.displayMode === 'fullscreen',\n      'mode-parent': this.displayMode === 'parent',\n    }\n  }\n\n  // ======================================================================\n  // MÉTODOS PÚBLICOS (API)\n  // ======================================================================\n  /**\n   * Define o limite de rolagem para o fechamento automático do scrim.\n   */\n  @Method()\n  async setScrollThreshold(threshold: number) {\n    this.scrollThreshold = threshold\n  }\n\n  /**\n   * Método público para exibir o scrim\n   */\n  @Method()\n  async open() {\n    this.handleOpenChange(true)\n  }\n\n  /**\n   * Método público para esconder o scrim\n   */\n  @Method()\n  async close() {\n    this.handleOpenChange(false)\n  }\n\n  /**\n   * Método público para alternar o estado de exibição do scrim\n   */\n  @Method()\n  async toggle() {\n    this.handleOpenChange(!this.isActive)\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"activator\"></slot>\n        <div\n          class={this.getCssClassMap()}\n          id={this.customId}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-hidden={this.isActive ? 'false' : 'true'}\n          data-visible={this.isActive ? 'true' : 'false'}\n        >\n          <div class=\"mask\" onClick={this.handleMaskClick}></div>\n          <div\n            ref={(el) => (this.contentRef = el)}\n            class=\"content\"\n            tabIndex={-1}\n            onKeyDown={this.handleKeyDown}\n            aria-label=\"Conteúdo do diálogo\"\n          >\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet ScrimId = 0\n"],"mappings":"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","ignoreList":[]}

package/dist/components/br-select.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BrSelect extends Components.BrSelect, HTMLElement {}
+export const BrSelect: {
+    prototype: BrSelect;
+    new (): BrSelect;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;