@govbr-ds/webcomponents 2.0.0-next.28 → 2.0.0-next.29

package/dist/webcomponents/p-fe212a26.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["avatarCss","Avatar","exports","this","density","customId","concat","avatarId","alt","isIconic","disabled","hasError","iconSizes","small","height","width","medium","large","iconMarginTops","handleImageError","_this","console","error","src","class_1","prototype","handleDensityChange","newValue","includes","warn","el","setAttribute","componentWillLoad","getCssClassMap","_a","renderAvatar","text","trim","length","h","class","title","toUpperCase","_b","loading","onError","_c","iconHeight","_d","_e","iconWidth","_f","style","_g","iconMarginTop","render","Host","key","id"],"sources":["../../packages/webcomponents/src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","../../packages/webcomponents/src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n\n  /**\n   * @prop --border-radius: Border radius of the avatar and inner image\n   */\n  border-radius: var(--border-radius);\n}\n","import { Component, Element, h, Host, Prop, State, Watch } 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/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\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: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ mutable: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n  @Watch('density')\n  handleDensityChange(newValue: 'small' | 'medium' | 'large') {\n    if (!['small', 'medium', 'large'].includes(newValue)) {\n      console.warn(`Valor inválido para density: ${newValue}. Usando 'medium'.`)\n      this.density = 'medium'\n    }\n    this.el.setAttribute('density', this.density)\n  }\n\n  /**\n   * Executa validações iniciais quando o componente é carregado\n   */\n  componentWillLoad() {\n    this.handleDensityChange(this.density)\n  }\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-avatar-${avatarId++}`\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() readonly src: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() readonly alt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() readonly isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() readonly text: string\n\n  /**\n   * Largura do ícone no avatar do tipo icônico\n   * */\n  @Prop() readonly iconWidth: string\n\n  /**\n   * Altura do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconHeight: string\n\n  /**\n   * Ajuste para a margem de cima do ícone no avatar do tipo icônico\n   */\n  @Prop() readonly iconMarginTop: string\n\n  /**\n   * Define se o avatar está desabilitado\n   */\n  @Prop() readonly disabled = false\n\n  @State() private hasError = false\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      [this.density]: true,\n      error: this.hasError,\n      disabled: this.disabled,\n    }\n  }\n\n  private readonly iconSizes = {\n    small: { height: '32px', width: '40px' },\n    medium: { height: '80px', width: '88px' },\n    large: { height: '128px', width: '136px' },\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private readonly handleImageError = () => {\n    this.hasError = true\n    console.error(`Erro ao carregar imagem do avatar: ${this.src}`)\n  }\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    } else if (this.src?.trim().length > 0 && !this.hasError) {\n      return (\n        <span class=\"content\" title={this.alt || this.text}>\n          <img src={this.src} alt={this.alt} loading=\"lazy\" onError={this.handleImageError} />\n        </span>\n      )\n    } else {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight?.length > 0 ? this.iconHeight : this.iconSizes[this.density]?.height}\n            width={this.iconWidth?.length > 0 ? this.iconWidth : this.iconSizes[this.density]?.width}\n            aria-hidden=\"true\"\n            style={{\n              'margin-top': this.iconMarginTop?.length > 0 ? this.iconMarginTop : this.iconMarginTops[this.density],\n            }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span id={this.customId} class={this.getCssClassMap()} aria-disabled={this.disabled}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n\nlet avatarId = 0\n"],"mappings":";;;;;;;;;;;;;;MAAA,IAAMA,IAAY;UCYLC,IAAMC,EAAA;;;;;iCAUQC,KAAAC,UAAwC;;;;iCAsB/BD,KAAAE,WAAmB,aAAAC,OAAaC;;;;iCAYjDJ,KAAAK,MAAM;;;;iCAMNL,KAAAM,WAAoB;;;iCA0BpBN,KAAAO,WAAW;UAEXP,KAAAQ,WAAW;UAkBXR,KAAAS,YAAY;YAC3BC,OAAO;cAAEC,QAAQ;cAAQC,OAAO;;YAChCC,QAAQ;cAAEF,QAAQ;cAAQC,OAAO;;YACjCE,OAAO;cAAEH,QAAQ;cAASC,OAAO;;;UAGlBZ,KAAAe,iBAAiB;YAChCL,OAAO;YACPG,QAAQ;YACRC,OAAO;;UAGQd,KAAAgB,mBAAmB;YAClCC,EAAKT,WAAW;YAChBU,QAAQC,MAAM,sCAAAhB,OAAsCc,EAAKG;AAC3D;;;;;;;;;;QAlGAC,QAAAC,UAAAC,sBAAA,SAAoBC;UAClB,KAAK,EAAC,SAAS,UAAU,UAASC,SAASD,IAAW;YACpDN,QAAQQ,KAAK,gCAAAvB,OAAgCqB,GAAQ;YACrDxB,KAAKC,UAAU;;UAEjBD,KAAK2B,GAAGC,aAAa,WAAW5B,KAAKC;;;;2BAMvCoB,QAAAC,UAAAO,oBAAA;UACE7B,KAAKuB,oBAAoBvB,KAAKC;;;;;;;;2BA8DxBoB,QAAAC,UAAAQ,iBAAA;;UACN,OAAAC,IAAA;YACE,aAAa;aACbA,EAAC/B,KAAKC,WAAU,MAChB8B,EAAAZ,QAAOnB,KAAKQ,UACZuB,EAAAxB,WAAUP,KAAKO;;;QAqBXc,QAAAC,UAAAU,eAAA;;UACN,MAAID,IAAA/B,KAAKiC,UAAI,QAAAF,WAAA,aAAAA,EAAEG,OAAOC,UAAS,GAAG;YAChC,OACEC,EAAA;cAAMC,OAAM;cAAoCC,OAAOtC,KAAKiC;eACzDjC,KAAKiC,KAAK,GAAGM;iBAGb,MAAIC,IAAAxC,KAAKoB,SAAG,QAAAoB,WAAA,aAAAA,EAAEN,OAAOC,UAAS,MAAMnC,KAAKQ,UAAU;YACxD,OACE4B,EAAA;cAAMC,OAAM;cAAUC,OAAOtC,KAAKK,OAAOL,KAAKiC;eAC5CG,EAAK;cAAAhB,KAAKpB,KAAKoB;cAAKf,KAAKL,KAAKK;cAAKoC,SAAQ;cAAOC,SAAS1C,KAAKgB;;iBAG/D;YACL,OACEoB,EAAM;cAAAC,OAAM;cAAUC,OAAOtC,KAAKiC;eAChCG,EAAA;cAAA,aACY;cACVzB,UAAQgC,IAAA3C,KAAK4C,gBAAU,QAAAD,WAAA,aAAAA,EAAER,UAAS,IAAInC,KAAK4C,cAAaC,IAAA7C,KAAKS,UAAUT,KAAKC,cAAQ,QAAA4C,WAAA,aAAAA,EAAElC;cACtFC,SAAOkC,IAAA9C,KAAK+C,eAAS,QAAAD,WAAA,aAAAA,EAAEX,UAAS,IAAInC,KAAK+C,aAAYC,IAAAhD,KAAKS,UAAUT,KAAKC,cAAQ,QAAA+C,WAAA,aAAAA,EAAEpC;cAAK,eAC5E;cACZqC,OAAO;gBACL,gBAAcC,IAAAlD,KAAKmD,mBAAa,QAAAD,WAAA,aAAAA,EAAEf,UAAS,IAAInC,KAAKmD,gBAAgBnD,KAAKe,eAAef,KAAKC;;;;;QAQzGoB,QAAAC,UAAA8B,SAAA;UACE,OACEhB,EAACiB,GAAI;YAAAC,KAAA;aACHlB,EAAM;YAAAkB,KAAA;YAAAC,IAAIvD,KAAKE;YAAUmC,OAAOrC,KAAK8B;YAAgB,iBAAiB9B,KAAKO;aACxEP,KAAKgC;;;;;;;;;;;;OAnJG;MA0JnB,IAAI5B,IAAW","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-oxtrJSPC.system.js","sources":["../../packages/webcomponents/src/components/input/input.scss?tag=br-input&encapsulation=shadow","../../packages/webcomponents/src/components/input/input.tsx","../../packages/webcomponents/src/components/list/list.scss?tag=br-list&encapsulation=shadow","../../packages/webcomponents/src/components/list/list.tsx","../../packages/webcomponents/src/components/radio/radio.scss?tag=br-radio&encapsulation=shadow","../../packages/webcomponents/src/components/radio/radio.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/input/input\";\n\n:host {\n  display: block;\n\n  .br-input .input-icon {\n    margin-top: 0.1em;\n    margin-left: var(--spacing-scale-base);\n  }\n\n  .br-input .input-icon + input {\n    padding-left: calc(var(--input-padding-icon) + 3px);\n  }\n}\n\n.br-input br-button {\n  float: right;\n  margin-right: var(--input-button-margin);\n  margin-top: calc((var(--input-size) + var(--spacing-scale-half)) * -1);\n  padding: 0;\n  position: relative;\n}\n\n.button-transform {\n  transform: translateY(calc((var(--input-size) - 32px) * 0.5));\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n *\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/input?tab=designer).\n *\n * @slot action - Botão à direita do input.\n * @slot icon - Ícone à esquerda do input.\n * @slot help-text - Personalização do texto de ajuda.\n * @slot feedback - Mensagem de feedback como resposta específica a uma interação do usuário com o input. Pode ser feedback de erro, aviso, sucesso ou informação.\n */\n@Component({\n  tag: 'br-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input {\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: HTMLBrInputElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Especifica o tipo de entrada do campo. Pode ser um dos seguintes:\n   * - 'color': Seletor de cor\n   * - 'email': Campo para e-mail\n   * - 'hidden': Campo oculto\n   * - 'password': Campo para senha\n   * - 'range': Controle deslizante\n   * - 'search': Campo de pesquisa\n   * - 'number': Campo para números\n   * - 'tel': Campo para números de telefone\n   * - 'text': Campo de texto padrão\n   * - 'url': Campo para URLs\n   */\n  @Prop({ reflect: true }) readonly type:\n    | 'color'\n    | 'email'\n    | 'hidden'\n    | 'password'\n    | 'range'\n    | 'search'\n    | 'number'\n    | 'tel'\n    | 'text'\n    | 'file'\n    | 'url' = 'text'\n\n  /**\n   * Controla o comportamento de preenchimento automático do navegador para o input.\n   */\n  @Prop({ reflect: true }) readonly autocomplete: 'on' | 'off'\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop({ reflect: true }) readonly density: 'large' | 'medium' | 'small' = 'medium'\n\n  /**\n   * Desativa o input, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n   */\n  @Prop({ reflect: true }) readonly isInline: boolean = false\n\n  /**\n   * Se verdadeiro, o input terá destaque visual.\n   */\n  @Prop({ reflect: true }) readonly isHighlight: boolean = false\n\n  /**\n   * Define o estado do input\n   * Os possíveis valores são:\n   * - 'info': Mensagem informativa.\n   * - 'warning': Mensagem de aviso.\n   * - 'danger': Mensagem de erro ou alerta.\n   * - 'success': Mensagem de sucesso.\n   * O valor padrão é 'info'.\n   */\n  @Prop({ reflect: true }) readonly state: 'info' | 'warning' | 'danger' | 'success'\n\n  /**\n   * Texto exibido como rótulo do input.\n   */\n  @Prop({ reflect: true }) readonly label: string\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-input-${inputId++}`\n\n  /**\n   * Nome do input, utilizado para identificação em formulários.\n   */\n  @Prop({ reflect: true }) readonly name: string\n\n  /**\n   * Texto exibido dentro do input quando está vazio, fornecendo uma dica ou sugestão ao usuário.\n   */\n  @Prop({ reflect: true }) readonly placeholder: string\n\n  /**\n   * Se verdadeiro, o valor do input é exibido, mas não pode ser editado pelo usuário.\n   */\n  @Prop({ reflect: true }) readonly readonly: boolean = false\n\n  /**\n   * Se verdadeiro, o input é obrigatório e deve ser preenchido antes que o formulário possa ser enviado.\n   */\n  @Prop({ reflect: true }) readonly required: boolean = false\n\n  /**\n   * Valor exibido no input.\n   * Pode ser alterado pelo usuário se a propriedade `readonly` não estiver ativa.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string\n\n  /**\n   * Texto adicional que fornece ajuda ou informações sobre o input.\n   */\n  @Prop({ reflect: true }) readonly helpText: string\n\n  /**\n   * Controla a correção automática do texto.\n   */\n  @Prop({ reflect: true }) readonly autocorrect: 'off' | 'on' = 'off'\n\n  /**\n   * Define o valor mínimo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly min: number\n\n  /**\n   * Define o valor máximo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly max: number\n\n  /**\n   * Define o comprimento mínimo do valor do campo de entrada.\n   */\n  @Prop({ reflect: true }) readonly minlength: number\n\n  /**\n   * Define o comprimento máximo do valor do campo de entrada.\n   */\n  @Prop({ reflect: true }) readonly maxlength: number\n\n  /**\n   * Se verdadeiro, permite a seleção de múltiplos arquivos.\n   */\n  @Prop({ reflect: true }) readonly multiple: boolean = false\n\n  /**\n   * Define o padrão de entrada para validação.\n   */\n  @Prop({ reflect: true }) readonly pattern: string\n\n  /**\n   * Define o valor do passo para campos de entrada numéricos.\n   */\n  @Prop({ reflect: true }) readonly step: number\n\n  @State() isPasswordVisible: boolean = false\n\n  @State() internalState: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n  @State() hasIconSlot: boolean = false\n\n  @State() hasActionSlot: boolean = false\n\n  @State() hasFeedbackSlot: boolean = false\n\n  componentWillLoad() {\n    this.hasIconSlot = this.hasSlotContent('icon')\n    this.hasActionSlot = this.hasSlotContent('action')\n    this.hasFeedbackSlot = this.hasSlotContent('feedback')\n    this.internalState = this.state\n\n    if (this.hasFeedbackSlot) {\n      this.initializeStateWithFeedback()\n    }\n  }\n\n  componentDidLoad() {\n    if (this.hasFeedbackSlot) {\n      this.setupSlotFeedbackListener()\n    }\n  }\n\n  private initializeStateWithFeedback() {\n    const initialMessageElement = this.el.querySelector('br-message')\n\n    if (initialMessageElement) {\n      const messageState = initialMessageElement.getAttribute('state')\n      this.internalState = (messageState as 'info' | 'warning' | 'danger' | 'success') || this.state\n    } else {\n      this.internalState = this.state\n    }\n  }\n\n  private setupSlotFeedbackListener() {\n    const slot = this.el.shadowRoot?.querySelector('slot[name=\"feedback\"]')\n    if (slot) {\n      slot.addEventListener('slotchange', () => {\n        this.syncStateWithSlotFeedback()\n      })\n    }\n  }\n\n  private syncStateWithSlotFeedback() {\n    const messageElement = this.el.querySelector('br-message')\n\n    if (messageElement) {\n      this.internalState = messageElement.getAttribute('state') as 'info' | 'warning' | 'danger' | 'success'\n    } else {\n      this.internalState = this.state\n    }\n  }\n\n  private getInputCssClassMap(): CssClassMap {\n    return {\n      'br-input': true,\n      'input-button': this.hasActionSlot,\n      small: this.density === 'small',\n      large: this.density === 'large',\n      medium: this.density === 'medium',\n      'input-inline': this.isInline,\n      'input-highlight': this.isHighlight,\n      success: this.internalState === 'success',\n      danger: this.internalState === 'danger',\n      info: this.internalState === 'info',\n      warning: this.internalState === 'warning',\n    }\n  }\n\n  /**\n   * Valor atualizado do input\n   */\n  @Event() valueChange: EventEmitter<string>\n\n  private readonly handleInput = (event: Event) => {\n    this.value = (event.target as HTMLInputElement).value\n    this.valueChange.emit(this.value)\n  }\n\n  private readonly renderLabel = () => {\n    if (this.label?.length > 0) {\n      if (this.isInline) {\n        return (\n          <div class=\"input-label\">\n            <label class=\"text-nowrap\" htmlFor={this.customId}>\n              {this.label}\n            </label>\n          </div>\n        )\n      } else {\n        return <label htmlFor={this.customId}>{this.label}</label>\n      }\n    }\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private readonly renderInput = () => {\n    return (\n      <input\n        class={this.isHighlight ? 'input-highlight' : null}\n        id={this.customId}\n        autocomplete={this.autocomplete}\n        disabled={this.disabled}\n        autoCorrect={this.autocorrect}\n        min={this.min}\n        max={this.max}\n        minLength={this.minlength}\n        maxLength={this.maxlength}\n        multiple={this.multiple}\n        name={this.name}\n        pattern={this.pattern}\n        step={this.step}\n        onInput={this.handleInput}\n        placeholder={this.placeholder}\n        readonly={this.readonly}\n        required={this.required}\n        title={this.el.title}\n        type={this.type}\n        value={this.value}\n      />\n    )\n  }\n\n  private readonly renderHelpText = () => {\n    return this.helpText?.length > 0 ? <p>{this.helpText}</p> : <slot name=\"help-text\"></slot>\n  }\n\n  private readonly renderIconPassword = () => {\n    const iconName = this.isPasswordVisible ? 'fa-solid:eye-slash' : 'fa-solid:eye'\n    return <br-icon icon-name={iconName}></br-icon>\n  }\n\n  private readonly togglePasswordVisibility = () => {\n    const input = this.el.shadowRoot.querySelector('input')\n    this.isPasswordVisible = !this.isPasswordVisible\n    input.type = this.isPasswordVisible ? 'text' : 'password'\n  }\n\n  private renderIconSlot() {\n    if (this.hasSlotContent('icon')) {\n      return (\n        <div class=\"input-icon\">\n          <slot name=\"icon\"></slot>\n        </div>\n      )\n    }\n  }\n\n  private renderButton() {\n    if (this.type === 'password') {\n      return (\n        <br-button\n          class=\"button-transform\"\n          shape=\"circle\"\n          density=\"small\"\n          aria-label=\"botão de ação do ícone\"\n          onClick={this.togglePasswordVisibility}\n        >\n          {this.renderIconPassword()}\n        </br-button>\n      )\n    } else if (this.hasSlotContent('action')) {\n      return (\n        <br-button class=\"button-transform\" shape=\"circle\" density=\"small\" aria-label=\"botão de ação do ícone\">\n          <slot name=\"action\"></slot>\n        </br-button>\n      )\n    }\n    return null\n  }\n\n  private readonly renderInlineInputContent = () => {\n    if (this.hasIconSlot) {\n      return <div class=\"input-content\">{this.renderInputWithIcon()}</div>\n    } else {\n      return <div class=\"input-content\">{this.renderInputWithoutIcon()}</div>\n    }\n  }\n\n  private readonly renderInputContent = () => {\n    return this.hasIconSlot ? this.renderInputWithIcon() : this.renderInputWithoutIcon()\n  }\n\n  private readonly renderInputWithIcon = () => {\n    return (\n      <div class=\"input-group\">\n        {this.renderIconSlot()}\n        {this.renderInput()}\n        {this.renderButton()}\n        {this.renderHelpText()}\n      </div>\n    )\n  }\n\n  private readonly renderInputWithoutIcon = () => {\n    return [this.renderInput(), this.renderButton(), this.renderHelpText()]\n  }\n\n  private renderFeedback() {\n    if (this.hasFeedbackSlot) {\n      return <slot name=\"feedback\"></slot>\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getInputCssClassMap()}>\n          {this.renderLabel()}\n\n          {this.isInline ? this.renderInlineInputContent() : this.renderInputContent()}\n\n          {this.renderFeedback()}\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet inputId = 0\n","@import \"~@govbr-ds/core/src/components/list/list\";\n@import \"~@govbr-ds/core/src/components/divider/divider\";\n\n:host {\n  display: block;\n\n  .br-list.horizontal ::slotted(br-item) {\n    flex: 1;\n    height: auto;\n    min-height: 56px;\n    width: auto;\n  }\n}\n","import { AttachInternals, Component, Element, h, Host, Prop } 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/list?tab=designer).\n *\n * @slot default - Slot padrão para inclusão dos itens da lista.\n * @slot header - Slot nomeado para inclusão de ações relacionadas ao cabeçalho do list (uso de botões por exemplo).\n */\n@Component({\n  tag: 'br-list',\n  styleUrl: 'list.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class List {\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: HTMLBrListElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o cabeçalho para a lista.\n   */\n  @Prop({ reflect: true }) readonly header: string\n\n  /**\n   * Indica se a lista será horizontal. Por padrão, a lista é vertical.\n   */\n  @Prop({ reflect: true }) readonly isHorizontal: 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-list-${listId++}`\n\n  /**\n   * Indica que o divider para o título da lista estará oculto.\n   */\n  @Prop({ reflect: true }) readonly hideHeaderDivider: boolean = false\n\n  componentDidLoad() {\n    if (this.isHorizontal) {\n      const slotItems = Array.from(this.el.querySelectorAll('br-item'))\n\n      slotItems.forEach((item) => {\n        const nextElement = item.nextElementSibling\n        if (nextElement?.classList.contains('br-divider')) {\n          const divider = nextElement as HTMLElement\n          divider.style.borderWidth = '0 1px 0 0'\n          divider.style.width = '1px'\n        }\n      })\n    }\n\n    const items = Array.from(this.el.querySelectorAll('br-item'))\n    items.forEach((item) => {\n      item.setAttribute('role', 'listitem')\n    })\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-list': true,\n      horizontal: this.isHorizontal,\n    }\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n  private readonly renderHeader = () => {\n    if (this.header?.length > 0 || this.hasSlotContent('header')) {\n      return (\n        <div class=\"header\">\n          {this.header && <div class=\"title\">{this.header}</div>}\n          {this.hasSlotContent('header') && (\n            <div class=\"d-flex\">\n              <slot name=\"header\"></slot>\n            </div>\n          )}\n        </div>\n      )\n    }\n    return null\n  }\n\n  private renderDivider() {\n    if ((this.header || this.hasSlotContent('header')) && !this.hideHeaderDivider) {\n      return <div class=\"br-divider\"></div>\n    }\n    return null\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} role=\"list\" id={this.customId}>\n          {this.renderHeader()}\n          {this.renderDivider()}\n          <slot></slot>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet listId = 0\n","@import \"~@govbr-ds/core/src/components/radio/radio\";\n\n@include radio-checked;\n\n:host {\n  display: block;\n\n  .br-radio.hidden-label {\n    label {\n      padding-left: calc(var(--checkbox-size) + var(--surface-width-md) * 2);\n      text-indent: -10000px;\n      white-space: nowrap;\n      width: 0;\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Listen, Method, Prop } 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/radio?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n\n@Component({\n  tag: 'br-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio {\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: HTMLBrRadioElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o estado de seleção do radio.\n   * Se definido como verdadeiro, o radio estará marcado. Caso contrário, estará desmarcado.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n  /**\n   * Desativa o radio, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) readonly disabled: boolean = false\n\n  /**\n   * Indica a validade do radio.\n   * Valores possíveis:\n   * - 'valid': O radio é considerado válido.\n   * - 'invalid': O radio é considerado inválido.\n   * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n   */\n  @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n  /**\n   * Define se o label associado ao radio deve ser oculto.\n   * Se definido como verdadeiro, o texto do label será oculto, mas o radio ainda estará visível e funcional.\n   */\n  @Prop({ reflect: true, attribute: 'has-hidden-label' }) readonly hasHiddenLabel: 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-radio-${radioId++}`\n\n  /**\n   * Define o nome do radio, que é utilizado para agrupar radios em formulários e identificar o campo.\n   * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n   */\n\n  @Prop({ reflect: true }) readonly name!: string\n\n  /**\n   * Texto descritivo exibido à direita do radio.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop({ reflect: true }) readonly label: string\n\n  /**\n   * Define o valor associado ao radio quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o radio está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o radio está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) readonly value: string\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  // @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<{\n  //   id: string;\n  //   name: string;\n  //   value: string;\n  //   checked: boolean\n  // }>\n  @Event({ bubbles: true, composed: true }) checkedChange: EventEmitter<boolean>\n\n  @Listen('checkedChange', { target: 'window' })\n  handleCheckedChange(event: CustomEvent) {\n    if (event.detail.id !== this.customId && event.detail.name === this.name) {\n      this.checked = false\n    }\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this.checked = !this.checked\n    //this.checkedChange.emit({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\n    this.checkedChange.emit(this.checked)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-radio': true,\n      valid: this.state === 'valid',\n      invalid: this.state === 'invalid',\n      disabled: this.disabled,\n      'hidden-label': this.hasHiddenLabel,\n    }\n  }\n\n  /**\n   * Handler para o event `click`\n   * @param event Objeto Event\n   */\n  private readonly onClick = (event: MouseEvent) => {\n    event.stopPropagation()\n    this.checked = (event.target as HTMLInputElement).checked\n  }\n\n  /**\n   * Handler para o evento `change`\n   */\n  private readonly onChange = () => {\n    //this.checkedChange.emit({ id: this.customId, name: this.name, value: this.value, checked: this.checked })\n    this.checkedChange.emit(this.checked)\n  }\n\n  render() {\n    return (\n      <Host aria-disabled={this.disabled ? 'true' : null}>\n        <div class={this.getCssClassMap()}>\n          <input\n            part=\"radio-input\"\n            aria-label={this.label}\n            type=\"radio\"\n            id={this.customId}\n            name={this.name}\n            checked={this.checked}\n            disabled={this.disabled}\n            value={this.value}\n            onClick={this.onClick}\n            onChange={this.onChange}\n          />\n          <label part=\"radio-label\" htmlFor={this.customId}>\n            <slot>{this.label}</slot>\n          </label>\n        </div>\n      </Host>\n    )\n  }\n}\n\nlet radioId = 0\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-xzbbLFz_.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/webcomponents.esm.js

@@ -0,0 +1,283 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ */
+import { p as e, H as t, b as i } from "./p-CAyrQrUt.js";
+
+export { s as setNonce } from "./p-CAyrQrUt.js";
+
+import { g as l } from "./p-BmgwYwlE.js";
+
+/*
+ Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com
+ */ var patchBrowser = () => {
+  {
+    patchCloneNodeFix(t.prototype);
+  }
+  const i = import.meta.url;
+  const s = {};
+  if (i !== "") {
+    s.resourcesUrl = new URL(".", i).href;
+  }
+  return e(s);
+};
+
+var patchCloneNodeFix = e => {
+  const t = e.cloneNode;
+  e.cloneNode = function(e) {
+    if (this.nodeName === "TEMPLATE") {
+      return t.call(this, e);
+    }
+    const i = t.call(this, false);
+    const s = this.childNodes;
+    if (e) {
+      for (let e = 0; e < s.length; e++) {
+        if (s[e].nodeType !== 2) {
+          i.appendChild(s[e].cloneNode(true));
+        }
+      }
+    }
+    return i;
+  };
+};
+
+patchBrowser().then((async e => {
+  await l();
+  return i([ [ "p-6424846a", [ [ 65, "br-select", {
+    label: [ 513 ],
+    placeholder: [ 513 ],
+    isMultiple: [ 516, "is-multiple" ],
+    options: [ 513 ],
+    selectAllLabel: [ 513, "select-all-label" ],
+    unselectAllLabel: [ 513, "unselect-all-label" ],
+    showSearchIcon: [ 516, "show-search-icon" ],
+    isOpen: [ 516, "is-open" ],
+    customId: [ 513, "custom-id" ],
+    parsedOptions: [ 32 ],
+    inputValue: [ 32 ],
+    isAllSelected: [ 32 ],
+    isExpanded: [ 32 ],
+    focusedIndex: [ 32 ],
+    toggleOpen: [ 64 ]
+  }, null, {
+    options: [ "synchronizeSelect" ]
+  } ] ] ], [ "p-4216851f", [ [ 65, "br-message", {
+    messageTitle: [ 513, "message-title" ],
+    customId: [ 513, "custom-id" ],
+    message: [ 513 ],
+    isInline: [ 516, "is-inline" ],
+    isClosable: [ 516, "is-closable" ],
+    autoRemove: [ 516, "auto-remove" ],
+    showIcon: [ 516, "show-icon" ],
+    isFeedback: [ 516, "is-feedback" ],
+    state: [ 513 ]
+  } ] ] ], [ "p-3c5adc20", [ [ 65, "br-tag", {
+    label: [ 513 ],
+    iconName: [ 513, "icon-name" ],
+    name: [ 513 ],
+    multiple: [ 516 ],
+    selected: [ 1540 ],
+    customId: [ 513, "custom-id" ],
+    color: [ 513 ],
+    density: [ 513 ],
+    shape: [ 513 ],
+    status: [ 516 ],
+    interaction: [ 1540 ],
+    interactionSelect: [ 516, "interaction-select" ],
+    disabled: [ 516 ],
+    selectedClassValue: [ 32 ]
+  }, [ [ 4, "radioSelected", "handleCheckedChange" ] ], {
+    interaction: [ "handleInteractionChange" ],
+    interactionSelect: [ "handleInteractionSelectChange" ],
+    selected: [ "handleSelectedChange" ]
+  } ] ] ], [ "p-21bdf61d", [ [ 65, "br-upload", {
+    accept: [ 1 ],
+    label: [ 1 ],
+    disabled: [ 516 ],
+    state: [ 513 ],
+    multiple: [ 4 ],
+    filesSelected: [ 32 ],
+    file: [ 32 ]
+  } ] ] ], [ "p-0b373150", [ [ 1, "br-avatar", {
+    density: [ 1025 ],
+    customId: [ 513, "custom-id" ],
+    src: [ 1 ],
+    alt: [ 1 ],
+    isIconic: [ 4, "is-iconic" ],
+    text: [ 1 ],
+    iconWidth: [ 1, "icon-width" ],
+    iconHeight: [ 1, "icon-height" ],
+    iconMarginTop: [ 1, "icon-margin-top" ],
+    disabled: [ 4 ],
+    hasError: [ 32 ]
+  }, null, {
+    density: [ "handleDensityChange" ]
+  } ] ] ], [ "p-adec6b5c", [ [ 65, "br-checkgroup", {
+    label: [ 1 ],
+    labelSelecionado: [ 513, "label-selecionado" ],
+    labelDesselecionado: [ 513, "label-desselecionado" ],
+    indeterminate: [ 516 ],
+    customId: [ 513, "custom-id" ],
+    checked: [ 32 ],
+    isIndeterminate: [ 32 ]
+  }, [ [ 4, "checkedChange", "handleChange" ] ] ] ] ], [ "p-6acd01ae", [ [ 65, "br-collapse", {
+    customId: [ 513, "custom-id" ],
+    open: [ 1540 ],
+    accordionGroup: [ 1, "accordion-group" ],
+    iconToShow: [ 1, "icon-to-show" ],
+    iconToHide: [ 1, "icon-to-hide" ],
+    iconPosition: [ 1, "icon-position" ],
+    openCollapse: [ 64 ],
+    closeCollapse: [ 64 ]
+  } ] ] ], [ "p-792c93db", [ [ 1, "br-divider", {
+    customId: [ 513, "custom-id" ],
+    orientation: [ 513 ],
+    thickness: [ 513 ],
+    borderStyle: [ 513, "border-style" ],
+    isDarkMode: [ 516, "is-dark-mode" ],
+    color: [ 513 ],
+    align: [ 1 ],
+    bleed: [ 4 ],
+    slotDefault: [ 32 ]
+  }, null, {
+    color: [ "updateColor" ]
+  } ] ] ], [ "p-8576b41a", [ [ 65, "br-dropdown", {
+    isOpen: [ 1540, "is-open" ],
+    customId: [ 513, "custom-id" ],
+    open: [ 64 ],
+    hide: [ 64 ]
+  }, null, {
+    isOpen: [ "isOpenChanged" ]
+  } ] ] ], [ "p-7d112381", [ [ 65, "br-item", {
+    disabled: [ 516 ],
+    customId: [ 513, "custom-id" ],
+    isActive: [ 516, "is-active" ],
+    isSelected: [ 516, "is-selected" ],
+    isInteractive: [ 516, "is-interactive" ],
+    href: [ 513 ],
+    target: [ 513 ],
+    isButton: [ 516, "is-button" ],
+    type: [ 1537 ],
+    value: [ 513 ],
+    density: [ 513 ],
+    hasSlotDefault: [ 32 ],
+    hasSlotStart: [ 32 ],
+    hasSlotEnd: [ 32 ],
+    selectedValue: [ 32 ]
+  }, [ [ 4, "checkedChange", "handleRadioChange" ], [ 4, "checkedChange", "handleCheckboxChange" ] ] ] ] ], [ "p-c1f281cc", [ [ 65, "br-loading", {
+    isProgress: [ 516, "is-progress" ],
+    customId: [ 513, "custom-id" ],
+    progressPercent: [ 514, "progress-percent" ],
+    isMedium: [ 516, "is-medium" ],
+    label: [ 513 ]
+  } ] ] ], [ "p-912fa9ff", [ [ 65, "br-switch", {
+    disabled: [ 516 ],
+    checked: [ 1540 ],
+    customId: [ 513, "custom-id" ],
+    label: [ 1 ],
+    labelPosition: [ 513, "label-position" ],
+    labelOn: [ 513, "label-on" ],
+    labelOff: [ 513, "label-off" ],
+    hasIcon: [ 516, "has-icon" ],
+    name: [ 513 ],
+    value: [ 513 ],
+    density: [ 513 ],
+    _slotDefault: [ 32 ],
+    toggleChecked: [ 64 ]
+  } ] ] ], [ "p-36929033", [ [ 65, "br-textarea", {
+    value: [ 1537 ],
+    label: [ 513 ],
+    placeholder: [ 513 ],
+    customId: [ 513, "custom-id" ],
+    disabled: [ 516 ],
+    maxlength: [ 514 ],
+    showCounter: [ 516, "show-counter" ],
+    state: [ 513 ],
+    density: [ 513 ],
+    isInline: [ 516, "is-inline" ],
+    currentLength: [ 32 ],
+    setValue: [ 64 ]
+  }, null, {
+    value: [ "valueChanged" ]
+  } ] ] ], [ "p-e9f0d20e", [ [ 65, "br-checkbox", {
+    indeterminate: [ 1540 ],
+    checked: [ 1540 ],
+    customId: [ 513, "custom-id" ],
+    disabled: [ 516 ],
+    hasHiddenLabel: [ 516, "has-hidden-label" ],
+    label: [ 513 ],
+    name: [ 513 ],
+    state: [ 513 ],
+    value: [ 513 ],
+    slotDefault: [ 32 ],
+    setIndeterminate: [ 64 ],
+    toggleChecked: [ 64 ]
+  }, null, {
+    indeterminate: [ "updateIndeterminate" ]
+  } ] ] ], [ "p-de8ab7c9", [ [ 65, "br-button", {
+    colorMode: [ 513, "color-mode" ],
+    customId: [ 513, "custom-id" ],
+    density: [ 513 ],
+    disabled: [ 516 ],
+    emphasis: [ 513 ],
+    isActive: [ 516, "is-active" ],
+    isLoading: [ 516, "is-loading" ],
+    shape: [ 513 ],
+    type: [ 513 ],
+    value: [ 513 ]
+  } ], [ 1, "br-icon", {
+    iconName: [ 513, "icon-name" ],
+    height: [ 513 ],
+    customId: [ 513, "custom-id" ],
+    width: [ 513 ],
+    cssClasses: [ 513, "css-classes" ],
+    isInline: [ 516, "is-inline" ],
+    rotate: [ 513 ],
+    flip: [ 513 ]
+  } ] ] ], [ "p-051114f1", [ [ 65, "br-input", {
+    type: [ 513 ],
+    autocomplete: [ 513 ],
+    density: [ 513 ],
+    disabled: [ 516 ],
+    isInline: [ 516, "is-inline" ],
+    isHighlight: [ 516, "is-highlight" ],
+    state: [ 513 ],
+    label: [ 513 ],
+    customId: [ 513, "custom-id" ],
+    name: [ 513 ],
+    placeholder: [ 513 ],
+    readonly: [ 516 ],
+    required: [ 516 ],
+    value: [ 1537 ],
+    helpText: [ 513, "help-text" ],
+    autocorrect: [ 513 ],
+    min: [ 514 ],
+    max: [ 514 ],
+    minlength: [ 514 ],
+    maxlength: [ 514 ],
+    multiple: [ 516 ],
+    pattern: [ 513 ],
+    step: [ 514 ],
+    isPasswordVisible: [ 32 ],
+    internalState: [ 32 ],
+    hasIconSlot: [ 32 ],
+    hasActionSlot: [ 32 ],
+    hasFeedbackSlot: [ 32 ]
+  } ], [ 65, "br-list", {
+    header: [ 513 ],
+    isHorizontal: [ 516, "is-horizontal" ],
+    customId: [ 513, "custom-id" ],
+    hideHeaderDivider: [ 516, "hide-header-divider" ]
+  } ], [ 65, "br-radio", {
+    checked: [ 1540 ],
+    disabled: [ 516 ],
+    state: [ 513 ],
+    hasHiddenLabel: [ 516, "has-hidden-label" ],
+    customId: [ 513, "custom-id" ],
+    name: [ 513 ],
+    label: [ 513 ],
+    value: [ 513 ],
+    toggleChecked: [ 64 ]
+  }, [ [ 8, "checkedChange", "handleCheckedChange" ] ] ] ] ] ], e);
+}));
+//# sourceMappingURL=webcomponents.esm.js.map
+//# sourceMappingURL=webcomponents.esm.js.map

package/dist/webcomponents/webcomponents.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"webcomponents.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.28.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC;AAClC;AAIA,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;AACD,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS;AAC1D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;AAC/C;AACA,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC;AAC1D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU;AACzC,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAClE;AACA;AACA;AACA,IAAI,OAAO,UAAU;AACrB,GAAG;AACH,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}