@govbr-ds/webcomponents 2.0.0-next.35 → 2.0.0-next.36

package/dist/webcomponents/p-BwFsTqJ9.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-BwFsTqJ9.system.js","sources":["../../packages/webcomponents/src/components/step-item/step-item.scss?tag=br-step-item&encapsulation=shadow","../../packages/webcomponents/src/components/step-item/step-item.tsx"],"sourcesContent":[":host {\n  display: flex;\n}\n\n.disabled-host {\n  pointer-events: none;\n}\n\n.step-button {\n  position: relative;\n  z-index: 2;\n}\n\n.mode-controller {\n  border: 1px solid var(--gray-20);\n  width: 14px;\n  height: 14px;\n  cursor: pointer;\n  border-radius: 50%;\n  background-color: var(--gray-20);\n}\n\n.mode-controller:focus-visible {\n  outline-color: var(--focus);\n  outline-offset: var(--focus-offset);\n  outline-style: var(--focus-style);\n  outline-width: var(--focus-width);\n}\n\n.mode-controller:hover {\n  background-image: linear-gradient(\n    rgba(var(--interactive-rgb), var(--hover)),\n    rgba(var(--interactive-rgb), var(--hover))\n  );\n}\n\n[data-active].mode-controller {\n  border: 1px solid var(--gray-20);\n  background-color: var(--active);\n}\n\n.step-item-container-horizontal {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n}\n\n.step-item-container-vertical {\n  display: flex;\n  flex-direction: row;\n  max-width: max-content;\n}\n\n.step-item-content {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: auto;\n  min-height: 100px;\n  min-width: 80px;\n  justify-content: center;\n}\n\n.controller {\n  display: flex;\n  position: relative;\n  flex-grow: 1;\n  margin: 0 5px;\n  min-height: unset;\n  min-width: unset;\n}\n\n.step-item-content.label-top {\n  flex-direction: column-reverse;\n  align-items: center;\n}\n\n.step-item-content.label-bottom {\n  flex-direction: column;\n  align-items: center;\n}\n\n.step-item-content.label-left {\n  flex-direction: row-reverse;\n  align-items: center;\n  background-color: #fff;\n}\n\n.step-item-content.label-right {\n  flex-direction: row;\n  align-items: center;\n  background-color: #fff;\n}\n\n.step-item-container-vertical .step-item-content.label-right,\n.step-item-container-vertical .step-item-content.label-left {\n  background-color: transparent;\n}\n\n.step-item-indicator-area {\n  display: inline-block;\n  position: relative;\n  z-index: 1;\n}\n\n.step-item-indicator-area .icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 4;\n  border-radius: 50%;\n  transform: translate(25px, -5px);\n  color: white;\n  font-size: 16px;\n  font-weight: 900;\n  width: 29px;\n  height: 29px;\n}\n\n.step-item-indicator-area .icon.no-content {\n  transform: translate(0px, 0px);\n  width: 41px;\n  height: 41px;\n}\n\n[data-active].step-item-indicator-area .icon.no-content {\n  transform: translate(5px, 5px);\n  width: 30px;\n  height: 30px;\n}\n\n.success {\n  background-color: var(--success);\n}\n\n.info {\n  background-color: var(--info);\n}\n\n.danger {\n  background-color: var(--danger);\n}\n\n.warning {\n  background-color: var(--warning);\n}\n\n.step-item-label-area {\n  padding: 0;\n  display: flex;\n}\n\n.step-item-label-area > span {\n  font-size: var(--font-size-scale-up-01);\n  font-weight: var(--font-weight-medium);\n  color: var(--interactive);\n}\n\n.vertical.step-item-label-area.label-top {\n  padding-top: 14px;\n}\n\n.vertical.step-item-label-area.label-bottom {\n  padding-bottom: 14px;\n}\n\n.horizontal.step-item-label-area.label-top {\n  padding-bottom: 14px;\n}\n\n.horizontal.step-item-label-area.label-bottom {\n  padding-top: 14px;\n}\n\n.step-item-label-area.label-left {\n  padding: 0 14px;\n}\n.step-item-label-area.label-right {\n  padding: 0 14px;\n}\n\n.step-item-container-vertical .step-item-content.label-right.last .step-item-indicator-area::after,\n.step-item-container-vertical .step-item-content.label-left.last .step-item-indicator-area::after,\n.step-item-container-horizontal .step-item-content.label-bottom.last .step-item-indicator-area::after {\n  display: none;\n}\n\n.step-item-container-vertical .step-item-content.label-top .step-item-label-area,\n.step-item-container-vertical .step-item-content.label-bottom .step-item-label-area {\n  flex-direction: column;\n  align-items: center;\n}\n\n.step-item-container-vertical::after {\n  content: \"\";\n  position: relative;\n  height: 100%;\n  background-color: var(--interactive);\n  display: block;\n  transform: translate(50%, 20px);\n  z-index: -1;\n  width: 2px;\n  right: 50%;\n}\n\n.step-item-container-vertical.label-bottom::after {\n  top: 50%;\n  height: 70%;\n}\n\n.step-item-container-vertical.label-top::after {\n  top: 50%;\n  height: 70%;\n}\n\n.step-item-container-vertical.label-left::after {\n  right: 16%;\n  top: 12%;\n}\n\n.step-item-container-vertical.label-right::after {\n  top: 12%;\n  right: 86%;\n}\n\n.step-item-container-horizontal::after {\n  content: \"\";\n  position: relative;\n  height: 2px;\n  background-color: var(--interactive);\n  display: block;\n  transform: translate(50%, 20px);\n  z-index: -1;\n  width: 100%;\n  left: 0;\n  bottom: 75%;\n}\n\n.step-item-container-horizontal.label-top::after {\n  content: \"\";\n  left: 0;\n  bottom: 50%;\n}\n\n.step-item-container-horizontal.label-bottom::after {\n  content: \"\";\n  left: 0;\n  bottom: 86%;\n}\n\n.step-item-container-horizontal.label-left::after {\n  bottom: 68%;\n  width: 70%;\n  left: 26%;\n}\n\n.step-item-container-horizontal.label-right::after {\n  bottom: 68%;\n  width: 58%;\n  left: 42%;\n}\n\n.step-item-container-horizontal.last::after,\n.step-item-container-horizontal.controller::after,\n.step-item-container-vertical.last::after {\n  content: \"\";\n  height: 0px;\n  display: none;\n}\n\n.step-item-container-horizontal .step-item-content.label-left.timeline.last::after {\n  content: \"\";\n  position: absolute;\n  width: 160px;\n  height: 2px;\n  background-color: var(--interactive);\n  display: inline-block;\n  right: calc(100% - 80px);\n  bottom: 50%;\n  z-index: -1;\n}\n.content-type-br-icon {\n  color: var(--interactive);\n  font-size: 16px;\n  font-weight: 900;\n}\n\n[data-active] .content-type-br-icon {\n  color: var(--interactive);\n  color: #fff;\n}\n\n.button-controller {\n  width: 15px;\n  height: 15px;\n}\n\n/* Desktops grandes (até 1440px) */\n@media (max-width: 1440px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 50%;\n    left: 48%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 58%;\n    left: 48%;\n  }\n}\n\n/* Laptops (até 1024px) */\n@media (max-width: 1024px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 34%;\n    left: 58%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Tablets (até 768px) */\n@media (max-width: 768px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 22%;\n    left: 76%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares grandes (até 414px) */\n@media (max-width: 425px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 20%;\n    left: 80%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares médios (até 375px) */\n@media (max-width: 375px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 18%;\n    left: 82%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\n  }\n}\n\n/* Celulares pequenos (até 320px) */\n@media (max-width: 320px) {\n  .step-item-container-horizontal.label-left::after {\n    width: 16%;\n    left: 85%;\n    bottom: 68%;\n  }\n  .step-item-container-horizontal.label-right::after {\n    bottom: 68%;\n    width: 36%;\n    left: 72%;\n  }\n\n  .step-item-container-vertical.label-top::after {\n    top: 50%;\n    height: 50%;\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/step?tab=designer).\n *\n * @slot nomeado label-area: insere o conteúdo customizado dentro do botão que compõe o componente.\n */\n@Component({\n  tag: 'br-step-item',\n  styleUrl: 'step-item.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class StepItem {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrStepItemElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   *  Propriedade que define o conteúdo do texto auxiliar de realce do item de Step.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   *  Propriedade que define o tipo de ícone de destaque exibido pelo item Step, com quatro opções disponíveis: \"success\", \"info\", \"danger\" e \"warning\".\n   */\n  @Prop({ reflect: true }) highlight?: 'success' | 'info' | 'danger' | 'warning'\n\n  /**\n   *  Propriedade que define se o item Step está com estado ativo.\n   */\n  @Prop({ reflect: true }) active: boolean = false\n\n  /**\n   *  Propriedade que define se o item Step está com estado desativado..\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   *  Propriedade Define o nome do ícone do componente BRIcon que será exibido como conteúdo do step item, propriedade funciona apenas quando o state contentType assume o valor br-icon.\n   */\n  @Prop({ reflect: true }) brIconName?: string = ''\n  /**\n   *  Propriedade Define o nome do ícone o texto de acessibilidade apresentando quando o tipo de conteúdo for o br-icon\n   */\n\n  @Prop({ reflect: true }) brIconAria: string = ''\n\n  @State() showTimeLine: boolean = false\n  @State() stepItemPositionStatus: 'first' | 'middle' | 'last' = 'first'\n  @State() stepLayout: 'horizontal' | 'vertical' = 'horizontal'\n  @State() labelPosition: 'top' | 'right' | 'bottom' | 'left' = 'bottom'\n  @State() contentType: 'default' | 'br-icon' | 'no-content' | 'slotted' = 'default'\n  @State() mode: 'controller' | 'step' = 'step'\n  @State() content: string = ''\n  @State() ariaLabelContent: string = ''\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    let accessibilityContent = ''\n    let activeItem = ''\n    if (this.contentType === 'slotted') {\n      const slotedContent = this.el.lastElementChild\n      accessibilityContent =\n        this.label !== ''\n          ? `passo ${this.content} ${slotedContent.textContent} ${this.label} ${this.highLightAriaLabel[this.highlight]}`\n          : `passo ${this.content} ${slotedContent.textContent} ${this.highLightAriaLabel[this.highlight]}`\n      this.ariaLabelContent = accessibilityContent\n      return\n    }\n    if (this.contentType === 'br-icon') {\n      accessibilityContent =\n        `passo  ${this.content} ` + this.brIconAria + this.label + this.highLightAriaLabel[this.highlight]\n      activeItem = this.active === true ? accessibilityContent + ' selecionado' : accessibilityContent\n      this.ariaLabelContent = activeItem\n      return\n    } else {\n      accessibilityContent =\n        this.label !== ''\n          ? `passo ${this.content} ${this.label} ${this.highLightAriaLabel[this.highlight]}`\n          : `passo ${this.content} ${this.highLightAriaLabel[this.highlight]}`\n      activeItem = this.active === true ? accessibilityContent + ' selecionado' : accessibilityContent\n      this.ariaLabelContent = activeItem\n    }\n  }\n\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer antes que o componente seja renderizado ou atualizado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    const button = this.el.shadowRoot.getElementById('indicator-area').lastElementChild.shadowRoot\n    if (button !== null) {\n      button.lastElementChild.setAttribute('role', 'option')\n      button.lastElementChild.setAttribute('aria-selected', `${this.active}`)\n      button.lastElementChild.setAttribute('aria-label', this.ariaLabelContent)\n    }\n  }\n\n  /**\n   * Watch que observa o valor da propriedade active, e ao alterar seu valor este método altera o valor do campo de acessibilidade aria-selected\n   */\n  @Watch('active')\n  watchItemIsActive(newValue: boolean, oldValue: boolean) {\n    if (newValue !== oldValue) {\n      const button = this.el.shadowRoot.getElementById('indicator-area').lastElementChild.shadowRoot\n      if (button !== null) {\n        button.lastElementChild.setAttribute('aria-selected', `${this.active}`)\n      }\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que indica a posição do step item, ele serve para setar o state stepItemPositionStatus do componente\n   */\n  @Method()\n  async setStepItemPositionStatus(value: 'first' | 'middle' | 'last') {\n    this.stepItemPositionStatus = value\n  }\n\n  /**\n   * Método que define a orientação do stepItem e controla a exibição da linha do tempo após o componente.\n   */\n  @Method()\n  async handleShowTimeLine(value: boolean, layout) {\n    this.showTimeLine = value\n    this.stepLayout = layout\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor ao estado que define onde o label, o texto de destaque, irá ficar localizado\n   */\n  @Method()\n  async setLabelPosition(value: 'top' | 'right' | 'bottom' | 'left') {\n    this.labelPosition = value\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá definir o tipo de conteúdo apresentado dentro do componente stepItem\n   */\n  @Method()\n  async setContentType(value: 'default' | 'br-icon' | 'no-content' | 'slotted') {\n    this.contentType = value\n  }\n\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá definir o modo como o componente irá se comportar e exibir seu estilo.\n   */\n  @Method()\n  async setMode(value: 'controller' | 'step') {\n    this.mode = value\n  }\n  /**\n   *\n   * Método disponibilizado via api do elemento que atribui o valor que irá ser exibido dentro do componente stepItem\n   */\n  @Method()\n  async setContent(value: string) {\n    this.content = value\n  }\n\n  private getStepContainerClassMap(): CssClassMap {\n    return {\n      'step-item-container-horizontal': this.stepLayout === 'horizontal',\n      'step-item-container-vertical': this.stepLayout === 'vertical',\n      last: this.stepItemPositionStatus == 'last',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      'label-bottom': this.labelPosition === 'bottom' && this.label !== '',\n      controller: this.mode === 'controller',\n      'disabled-div': true,\n    }\n  }\n\n  private getStepItemContentClassMap(): CssClassMap {\n    return {\n      'step-item-content': true,\n      'label-bottom': this.labelPosition === 'bottom',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      timeline: this.showTimeLine === true,\n      middle: this.stepItemPositionStatus === 'middle',\n      first: this.stepItemPositionStatus === 'first',\n      controller: this.mode === 'controller',\n    }\n  }\n\n  private getStepItemIndicatorAreaClassMap(): CssClassMap {\n    return {\n      'step-item-indicator-area': true,\n    }\n  }\n\n  private getStepItemLabelAreaClassMap(): CssClassMap {\n    return {\n      'step-item-label-area': true,\n      vertical: this.stepLayout === 'vertical',\n      horizontal: this.stepLayout === 'horizontal',\n      'label-bottom': this.labelPosition === 'bottom',\n      'label-top': this.labelPosition === 'top',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n      'no-label': this.label === '',\n    }\n  }\n\n  private getHighlightClass(): CssClassMap {\n    return {\n      icon: true,\n      success: this.highlight === 'success',\n      info: this.highlight === 'info',\n      warning: this.highlight === 'warning',\n      danger: this.highlight === 'danger',\n      'no-content': this.contentType === 'no-content',\n    }\n  }\n\n  private getStepItemIndicatorClass(): CssClassMap {\n    return {\n      'step-button': true,\n      controller: this.mode === 'controller',\n      'disabled-host': this.disabled,\n    }\n  }\n\n  private highLightAriaLabel = {\n    success: 'passo completo',\n    info: 'passo com item informativo',\n    warning: 'passo com alerta',\n    danger: 'passo com erro',\n    undefined: '',\n  }\n\n  private IconsName = {\n    success: 'fa-check',\n    info: 'fa-info-circle',\n    warning: 'fa-exclamation-triangle',\n    danger: 'fa-times',\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id=\"item-container\" class={this.getStepContainerClassMap()}>\n          <div id=\"item-content\" class={this.getStepItemContentClassMap()}>\n            <div id=\"indicator-area\" data-active={this.active} class={this.getStepItemIndicatorAreaClassMap()}>\n              {this.mode === 'step' && this.highlight && (\n                <div class={this.getHighlightClass()}>\n                  <br-icon\n                    icon-name={this.IconsName[this.highlight]}\n                    class={`${this.highlight === 'warning' && 'warning-color'}`}\n                  ></br-icon>\n                </div>\n              )}\n\n              {this.mode === 'step' && (\n                <br-button\n                  shape=\"circle\"\n                  emphasis=\"secondary\"\n                  isActive={this.active}\n                  class={this.getStepItemIndicatorClass()}\n                >\n                  {this.contentType === 'no-content' && ''}\n                  {this.contentType === 'default' && this.content}\n                  {this.contentType === 'br-icon' && (\n                    <div>\n                      <br-icon icon-name={this.brIconName} class={'content-type-br-icon'}></br-icon>\n                    </div>\n                  )}\n                  {this.contentType === 'slotted' && <slot name={'content-area'}></slot>}\n                </br-button>\n              )}\n\n              {this.mode === 'controller' && <button data-active={this.active} class={'mode-controller'}></button>}\n            </div>\n            <div id=\"label-area\" class={this.getStepItemLabelAreaClassMap()}>\n              <span> {this.label} </span>\n            </div>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/p-ByHGgMEG.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-ByHGgMEG.system.js","sources":["../../packages/webcomponents/src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","../../packages/webcomponents/src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, h, Host, Listen, Prop, State } 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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\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-checkgroup-${checkgroupId++}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n\n    this.updateGroupState()\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  @Listen('checkedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n    const target = event.target as HTMLBrCheckboxElement\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked\n      this.handleAllCheckboxChange()\n    } else {\n      this.updateGroupState()\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox')\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked\n      item.indeterminate = false\n    })\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox')\n    if (parentCheckbox !== null) {\n      parentCheckbox.indeterminate = false\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'))\n    const allChecked = checkListAll.every((item) => item.checked)\n    const noneChecked = checkListAll.every((item) => !item.checked)\n\n    if (allChecked) {\n      this.checked = true\n      this.isIndeterminate = false\n    } else if (noneChecked) {\n      this.checked = false\n      this.isIndeterminate = false\n    } else {\n      this.checked = false\n      this.isIndeterminate = true\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} style={{ width: '100%' }}>\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.customId}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet checkgroupId = 0\n"],"names":[],"mappings":"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"}

package/dist/webcomponents/p-CD1bwFZi.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-CD1bwFZi.system.js","sources":["../../packages/webcomponents/src/components/step/step.scss?tag=br-step&encapsulation=shadow","../../packages/webcomponents/src/components/step/step.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/step/step.scss\";\n\n:host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n\n::slotted([disabled]) {\n  opacity: 1 !important;\n}\n\n.step-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  overflow: auto;\n  flex-grow: 1;\n}\n\n.step-container:focus-visible {\n  outline-color: var(--focus);\n  outline-offset: var(--focus-offset);\n  outline-style: var(--focus-style);\n  outline-width: var(--focus-width);\n}\n\n.horizontal {\n  flex-direction: row;\n}\n\n.vertical {\n  flex-direction: column;\n  justify-content: center;\n}\n\n.vertical.label-right {\n  align-items: start;\n  padding-left: 20px;\n}\n\n.vertical.label-left {\n  align-items: start;\n  padding-right: 20px;\n}\n\n::slotted(.linha) {\n  width: 100px;\n  height: 2px;\n  display: flex;\n  align-items: center;\n  background-color: var(--interactive);\n}\n\n::slotted(*) {\n  flex: 1;\n  min-width: 0;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\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/step?tab=designer).\n *\n * @slot default - Slot que abriga o componente step-item. Este slot tem a particularidade de aceitar somente o componente step-item em sua composição. Caso outro elemento ou componente seja incluído dentro dele, o componente Step não será renderizado, e uma mensagem de erro será exibida no console.\n */\n@Component({\n  tag: 'br-step',\n  styleUrl: 'step.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Step {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrStepElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * propriedade responsável por definir a orientação do componente Step\n   */\n  @Prop({ reflect: true }) layout: 'horizontal' | 'vertical' = 'horizontal'\n  /**\n   *\n   * define o passo que começará destacado\n   */\n  @Prop({ reflect: true }) initialStep: string = '0'\n  /**\n   *\n   * Propriedade que  define a posição onde o texto de destaque,label, ficará localizado no stepItem\n   */\n  @Prop({ reflect: true }) labelPosition?: 'top' | 'right' | 'bottom' | 'left' = 'bottom'\n  /**\n   *\n   * Propriedade que define o tipo de conteúdo a ser exibido dentro do componente step  e stepItem\n   */\n  @Prop({ reflect: true }) contentType: 'default' | 'br-icon' | 'no-content' | 'slotted' = 'default'\n  /**\n   *\n   * Propriedade que define o tipo de comportamento que o componente Step deverá seguir\n   */\n  @Prop({ reflect: true }) mode: 'controller' | 'step' = 'step'\n\n  /**\n   *\n   * Propriedade que define o tipo de progressão de etapas que o step vai executar\n   */\n  @Prop({ reflect: true }) progressionType: 'linear' | 'nonlinear' = 'nonlinear'\n\n  @State() activeStep: number = 0\n  @State() stepItems: Element[] = []\n  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.setStepItemsLabelPosition()\n    this.setStepItemsContentType()\n    this.setStepItemsDefaultContent()\n    this.setStepItemsMode(this.mode)\n    if (this.mode === 'step') {\n      this.configureTimeLine()\n    }\n    if (this.progressionType === 'linear') {\n      this.configureLinearProgression()\n    }\n    if (this.activeStep <= this.stepItems.length - 1) {\n      this.stepItems[this.activeStep].setAttribute('active', 'true')\n    } else {\n      console.warn('br-step initial-step attribute has value more than number of step-items provided')\n    }\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado pela primeira vez, permitindo a preparação de dados ou inicializações necessárias.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdwillLoad) para mais detalhes.\n   */\n  @Event() brWilLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.activeStep = Number(this.initialStep)\n    this.getStepItemsElements()\n    this.brWilLoad.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate(newValue, oldValue, stateName) {\n    if (stateName == 'activeStep' && oldValue != newValue) {\n      const outOfRange = oldValue > this.stepItems.length - 1\n      this.stepItems[this.activeStep].setAttribute('active', 'true')\n      if (!outOfRange) {\n        this.stepItems[oldValue].removeAttribute('active')\n      }\n      this.brShouldUpdate.emit()\n    }\n  }\n\n  /**\n   * listener para ouvir o evento de click no componente step\n   * Através desse listener o componente define qual será o proximo passo do step que terá o estado ativo\n   */\n\n  @Listen('click', { capture: true })\n  handleClick(event) {\n    const targetElement = event.target as Element\n    if (targetElement.getAttribute('slot') !== null) {\n      const slotItem = this.stepItems.findIndex((element) => element.lastElementChild === targetElement)\n      this.activeStep = slotItem\n      return\n    }\n    const item = this.stepItems.findIndex((element) => element === targetElement)\n    this.activeStep = item\n  }\n\n  private getStepItemsElements() {\n    const slotItems = Array.from(this.el.children)\n    const firstChildrenContentTypeValue = slotItems[0].getAttribute('content-type')\n    const childrenHaveConsistentContentType = slotItems.every(\n      (item) => item.getAttribute('content-type') === firstChildrenContentTypeValue\n    )\n    const childrenHaveConsistentTagName = slotItems.every((item) => item.tagName.toLowerCase() === 'br-step-item')\n    if (childrenHaveConsistentContentType && childrenHaveConsistentTagName) {\n      this.stepItems = slotItems\n      return\n    }\n    if (!childrenHaveConsistentTagName) {\n      throw new Error('br-step component must have as child elements only br-step-items components')\n    }\n    if (!childrenHaveConsistentContentType) {\n      throw new Error('br-step must have all child elements with same content type attribute value')\n    }\n  }\n\n  private setStepItemsLabelPosition() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements) => {\n      if (this.labelPosition !== undefined) {\n        elements.setLabelPosition(this.labelPosition)\n      }\n    })\n  }\n\n  private setStepItemsDefaultContent() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      const indicatorContent = index + 1\n      elements.setContent(indicatorContent.toString())\n    })\n  }\n\n  private async setStepItemsContentType() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    await Promise.all(slotItems.map((element) => element.setContentType(this.contentType)))\n    slotItems.forEach((elements, index) => {\n      elements.setAttribute('aria-posinset', `${index + 1}`)\n      elements.setAttribute('aria-setsize', `${slotItems.length}`)\n    })\n  }\n\n  private setStepItemsMode(mode: 'controller' | 'step') {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements) => {\n      if (mode === 'controller') {\n        elements.setMode(this.mode)\n        elements.setContentType('no-content')\n        if (this.layout !== 'horizontal') {\n          this.layout = 'horizontal'\n        }\n        elements.handleShowTimeLine(false, this.layout)\n        elements.removeAttribute('label')\n      }\n    })\n  }\n\n  private getStepItemPosition(stepItemsElements: HTMLBrStepItemElement[], index) {\n    if (index === 0) {\n      return 'first'\n    }\n    if (index > 0 && index < stepItemsElements.length - 1) {\n      return 'middle'\n    }\n    return 'last'\n  }\n\n  private configureTimeLine() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      const elementPosition = this.getStepItemPosition(slotItems, index)\n      elements.setStepItemPositionStatus(elementPosition)\n      elements.handleShowTimeLine(true, this.layout)\n    })\n  }\n\n  private configureLinearProgression() {\n    const slotItems = Array.from(this.el.getElementsByTagName('br-step-item'))\n    slotItems.forEach((elements, index) => {\n      if (index > 0) {\n        elements.setAttribute('disabled', 'true')\n      }\n    })\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que controla o componente Step, responsável por avançar para o próximo passo e atualizar o valor do estado activeStep\n   */\n  @Method()\n  async ProceedToNextStep() {\n    if (this.activeStep + 1 < this.stepItems.length) {\n      this.activeStep = this.activeStep + 1\n      if (this.progressionType === 'linear') {\n        this.stepItems[this.activeStep].removeAttribute('disabled')\n      }\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que controla o componente Step, responsável por retornar ao passo anterior e atualizar o valor do estado activeStep\n   */\n  @Method()\n  async BackToPreviousStep() {\n    if (this.activeStep - 1 >= 0) {\n      this.activeStep = this.activeStep - 1\n    }\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que integra um componente externo ao componente Step, permitindo sinalizar validações ou destacar a etapa com estado ativo.\n   */\n  @Method()\n  async StepValidation(validationStatus: 'success' | 'info' | 'danger' | 'warning') {\n    this.stepItems[this.activeStep].setAttribute('highlight', validationStatus)\n  }\n\n  /**\n   *\n   * Método disponibilizado via API do elemento que permite a um componente externo obter a etapa com o estado ativo do componente Step.\n   */\n  @Method()\n  async GetActiveStep() {\n    return this.activeStep\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-step': true,\n      'step-container': true,\n      horizontal: this.layout === 'horizontal',\n      vertical: this.layout === 'vertical',\n      'label-left': this.labelPosition === 'left',\n      'label-right': this.labelPosition === 'right',\n    }\n  }\n\n  private AriaObjectContent = {\n    step: 'Modo etapas ',\n    controller: 'Modo controle ',\n    default: 'passos com conteúdo numérico ',\n    'br-icon': 'passos com conteúdo que possuem icones ',\n    slotted: 'passos com conteúdo customizados ',\n    'no-content': 'passos que apresentam conteúdo por meio de tooltip ',\n    linear: 'progressão linear ',\n    nonlinear: 'progressão não linear ',\n    vertical: 'com layout vertical ',\n    horizontal: 'com layout horizontal ',\n  }\n\n  private getAreaLabel(): string {\n    let ariaLabel = ' Lista de Opções '\n    if (this.mode !== 'controller') {\n      ariaLabel +=\n        this.AriaObjectContent[this.mode] +\n        this.AriaObjectContent[this.contentType] +\n        this.AriaObjectContent[this.progressionType] +\n        this.AriaObjectContent[this.layout]\n    } else {\n      ariaLabel += this.AriaObjectContent[this.mode]\n    }\n    return ariaLabel\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.stepItems.length > 0 && (\n          <div\n            role=\"listbox\"\n            tabIndex={0}\n            aria-orientation={this.layout}\n            aria-label={this.getAreaLabel()}\n            class={this.getCssClassMap()}\n          >\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"names":[],"mappings":"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"}