@govbr-ds/webcomponents 2.0.0-next.21 → 2.0.0-next.23

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

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

package/dist/components/br-list.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{L as o,d as s}from"./p-7882cb21.js";const t=o;const c=s;export{t as BrList,c as defineCustomElement};
-//# sourceMappingURL=br-list.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

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

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

package/dist/components/br-loading.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as a,H as r,h as t,c as i}from"./p-fabd9bdd.js";import{i as o}from"./p-74a4eb38.js";const e='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.loading,.br-loading{--loading-size:var(--loading-indetermined-diameter-sm);--loading-diameter:84px;--loading-stroke:5px;--loading-indetermined-color:var(--interactive);--loading-indetermined-diameter-md:44px;--loading-indetermined-diameter-sm:24px;position:relative;z-index:var(--z-index-layer-4)}.loading[data-progress]:not(:empty),.br-loading[data-progress]:not(:empty){background-color:var(--border-color);border-radius:50%}.loading[data-progress]:not(:empty)::before,.br-loading[data-progress]:not(:empty)::before{content:none}.loading[data-progress]::after,.br-loading[data-progress]::after{--loading-size:calc(var(--loading-diameter) - var(--loading-stroke) * 2);background:var(--background);border-radius:50%;color:var(--interactive);content:attr(data-progress) "%";font-size:var(--font-size-scale-up-02);font-weight:var(--font-weight-semi-bold);height:var(--loading-size);line-height:var(--loading-size);margin:var(--loading-stroke);position:absolute;text-align:center;width:var(--loading-size)}.loading[data-progress] .br-loading-mask,.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-mask,.br-loading[data-progress] .br-loading-fill{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;clip:rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * 0.5));height:var(--loading-diameter);overflow:hidden;position:absolute;width:var(--loading-diameter)}.loading[data-progress] .br-loading-fill,.br-loading[data-progress] .br-loading-fill{background:var(--interactive);clip:rect(0, calc(var(--loading-diameter) * 0.5), var(--loading-diameter), 0)}.loading::before,.br-loading::before{-webkit-animation:spinAround 1.3s infinite linear;animation:spinAround 1.3s infinite linear;border:2px solid var(--loading-indetermined-color);border-radius:50%;border-right-color:transparent;content:"";display:block;height:var(--loading-size);left:calc(50% - var(--loading-size) * 0.5);position:absolute;top:calc(50% - var(--loading-size) * 0.5);width:var(--loading-size)}.loading:not(.br-button),.br-loading:not(.br-button){height:var(--loading-size);width:var(--loading-size)}.loading:not(.br-button).medium,.br-loading:not(.br-button).medium{--loading-size:var(--loading-indetermined-diameter-md)}.loading:not(.br-button).medium::before,.br-loading:not(.br-button).medium::before{border-width:4px}.loading:not(.br-button)[data-progress],.br-loading:not(.br-button)[data-progress]{--loading-size:var(--loading-diameter)}.loading:not(.br-button)[data-progress]::before,.br-loading:not(.br-button)[data-progress]::before{border-width:var(--loading-stroke)}.loading[data-progress="1"] .br-loading-mask.full,.loading[data-progress="1"] .br-loading-fill,.br-loading[data-progress="1"] .br-loading-mask.full,.br-loading[data-progress="1"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(1.8deg);transform:rotate(1.8deg)}.loading[data-progress="2"] .br-loading-mask.full,.loading[data-progress="2"] .br-loading-fill,.br-loading[data-progress="2"] .br-loading-mask.full,.br-loading[data-progress="2"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(3.6deg);transform:rotate(3.6deg)}.loading[data-progress="3"] .br-loading-mask.full,.loading[data-progress="3"] .br-loading-fill,.br-loading[data-progress="3"] .br-loading-mask.full,.br-loading[data-progress="3"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(5.4deg);transform:rotate(5.4deg)}.loading[data-progress="5"] .br-loading-mask.full,.loading[data-progress="5"] .br-loading-fill,.br-loading[data-progress="5"] .br-loading-mask.full,.br-loading[data-progress="5"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(9deg);transform:rotate(9deg)}.loading[data-progress="10"] .br-loading-mask.full,.loading[data-progress="10"] .br-loading-fill,.br-loading[data-progress="10"] .br-loading-mask.full,.br-loading[data-progress="10"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(18deg);transform:rotate(18deg)}.loading[data-progress="16"] .br-loading-mask.full,.loading[data-progress="16"] .br-loading-fill,.br-loading[data-progress="16"] .br-loading-mask.full,.br-loading[data-progress="16"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(28.8deg);transform:rotate(28.8deg)}.loading[data-progress="20"] .br-loading-mask.full,.loading[data-progress="20"] .br-loading-fill,.br-loading[data-progress="20"] .br-loading-mask.full,.br-loading[data-progress="20"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(36deg);transform:rotate(36deg)}.loading[data-progress="24"] .br-loading-mask.full,.loading[data-progress="24"] .br-loading-fill,.br-loading[data-progress="24"] .br-loading-mask.full,.br-loading[data-progress="24"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(43.2deg);transform:rotate(43.2deg)}.loading[data-progress="48"] .br-loading-mask.full,.loading[data-progress="48"] .br-loading-fill,.br-loading[data-progress="48"] .br-loading-mask.full,.br-loading[data-progress="48"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(86.4deg);transform:rotate(86.4deg)}.loading[data-progress="50"] .br-loading-mask.full,.loading[data-progress="50"] .br-loading-fill,.br-loading[data-progress="50"] .br-loading-mask.full,.br-loading[data-progress="50"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.loading[data-progress="70"] .br-loading-mask.full,.loading[data-progress="70"] .br-loading-fill,.br-loading[data-progress="70"] .br-loading-mask.full,.br-loading[data-progress="70"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(126deg);transform:rotate(126deg)}.loading[data-progress="72"] .br-loading-mask.full,.loading[data-progress="72"] .br-loading-fill,.br-loading[data-progress="72"] .br-loading-mask.full,.br-loading[data-progress="72"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(129.6deg);transform:rotate(129.6deg)}.loading[data-progress="100"] .br-loading-mask.full,.loading[data-progress="100"] .br-loading-fill,.br-loading[data-progress="100"] .br-loading-mask.full,.br-loading[data-progress="100"] .br-loading-fill{-webkit-animation:fill ease-in-out 2s;animation:fill ease-in-out 2s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fill{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}:host{display:block}:host .loading-progress-alignment{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}';const n=e;const l=a(class a extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.inheritedAttributes={};this.isProgress=false;this.progressPercent=undefined;this.isMedium=false;this.label=undefined}componentWillLoad(){this.inheritedAttributes=o(this.el)}getCssClassMap(){return{"br-loading":true,medium:this.isMedium}}render(){return t(i,{key:"d9ef2a8a142e986437e2fa16878440c6286379cb"},this.isProgress?t("div",Object.assign({},this.inheritedAttributes,{class:this.getCssClassMap(),role:"progressbar","data-progress":this.progressPercent,"aria-label":"Carregando exemplo com porcentagem","aria-valuemin":"0","aria-valuenow":this.progressPercent,"aria-valuemax":"100"}),t("div",{class:"br-loading-mask full"},t("div",{class:"br-loading-fill"})),t("div",{class:"br-loading-mask"},t("div",{class:"br-loading-fill"}))):t("div",{class:"loading-progress-alignment"},t("div",{class:this.getCssClassMap(),role:"progressbar","aria-label":"Carregando exemplo indeterminado pequeno"}),t("span",{class:"rotulo"},this.label)))}static get formAssociated(){return true}get el(){return this}static get style(){return n}},[65,"br-loading",{isProgress:[516,"is-progress"],progressPercent:[514,"progress-percent"],isMedium:[516,"is-medium"],label:[513]}]);function s(){if(typeof customElements==="undefined"){return}const a=["br-loading"];a.forEach((a=>{switch(a){case"br-loading":if(!customElements.get(a)){customElements.define(a,l)}break}}))}s();const g=l;const d=s;export{g as BrLoading,d as defineCustomElement};
-//# sourceMappingURL=br-loading.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["loadingCss","BrLoadingStyle0","Loading","proxyCustomElement","H","this","inheritedAttributes","componentWillLoad","inheritAriaAttributes","el","getCssClassMap","medium","isMedium","render","h","Host","key","isProgress","Object","assign","class","role","progressPercent","label"],"sources":["src/components/loading/loading.scss?tag=br-loading&encapsulation=shadow","src/components/loading/loading.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/loading/loading.scss\";\n\n:host {\n  display: block;\n\n  .loading-progress-alignment {\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    justify-content: center;\n  }\n}\n\n\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/loading?tab=designer).\n */\n@Component({\n  tag: 'br-loading',\n  styleUrl: 'loading.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Loading {\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: HTMLBrLoadingElement\n\n  /**\n   * Determina o tipo de indicador a ser exibido:\n   * - Se verdadeiro, exibirá uma barra de progresso com a porcentagem de progresso.\n   * - Se falso, exibirá um indicador de carregamento indeterminado.\n   */\n  @Prop({ reflect: true }) isProgress: boolean = false\n\n  /**\n   * Define a porcentagem de progresso a ser exibida na barra de progresso.\n   * Deve ser um valor numérico entre 0 e 100. Ignorado se `isProgress` estiver definido como falso.\n   */\n  @Prop({ reflect: true }) progressPercent: number\n\n  /**\n   * Se verdadeiro, ajusta o tamanho do indicador de carregamento para o tamanho médio.\n   */\n  @Prop({ reflect: true }) isMedium: boolean = false\n\n  /**\n   * Texto a ser exibido abaixo do indicador de carregamento.\n   * Pode ser usado para fornecer informações adicionais ou descritivas sobre o estado do carregamento.\n   */\n  @Prop({ reflect: true }) label: string\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-loading': true,\n      medium: this.isMedium,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host>\n        {this.isProgress ? (\n          <div\n            {...this.inheritedAttributes}\n            class={this.getCssClassMap()}\n            role=\"progressbar\"\n            data-progress={this.progressPercent}\n            aria-label=\"Carregando exemplo com porcentagem\"\n            aria-valuemin=\"0\"\n            aria-valuenow={this.progressPercent}\n            aria-valuemax=\"100\"\n          >\n            <div class=\"br-loading-mask full\">\n              <div class=\"br-loading-fill\"></div>\n            </div>\n            <div class=\"br-loading-mask\">\n              <div class=\"br-loading-fill\"></div>\n            </div>\n          </div>\n        ) : (\n          <div class=\"loading-progress-alignment\">\n            <div\n              class={this.getCssClassMap()}\n              role=\"progressbar\"\n              aria-label=\"Carregando exemplo indeterminado pequeno\"\n            ></div>\n            <span class=\"rotulo\">{this.label}</span>\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;6FAAA,MAAMA,EAAa,6vhBACnB,MAAAC,EAAeD,E,MCWFE,EAAOC,EAAA,MAAAD,UAAAE,E,kEA0CVC,KAAAC,oBAAkC,G,gBA9BK,M,6CAWF,M,qBAQ7C,iBAAAC,GACEF,KAAKC,oBAAsBE,EAAsBH,KAAKI,G,CAGhD,cAAAC,GACN,MAAO,CACL,aAAc,KACdC,OAAQN,KAAKO,S,CAMjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFX,KAAKY,WACJH,EAAA,MAAAI,OAAAC,OAAA,GACMd,KAAKC,oBAAmB,CAC5Bc,MAAOf,KAAKK,iBACZW,KAAK,cAAa,gBACHhB,KAAKiB,gBAAe,aACxB,qCAAoC,gBACjC,IAAG,gBACFjB,KAAKiB,gBAAe,gBACrB,QAEdR,EAAA,OAAKM,MAAM,wBACTN,EAAA,OAAKM,MAAM,qBAEbN,EAAA,OAAKM,MAAM,mBACTN,EAAA,OAAKM,MAAM,sBAIfN,EAAA,OAAKM,MAAM,8BACTN,EAAA,OACEM,MAAOf,KAAKK,iBACZW,KAAK,cAAa,aACP,6CAEbP,EAAA,QAAMM,MAAM,UAAUf,KAAKkB,Q","ignoreList":[]}

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

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

package/dist/components/br-message.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as e,H as a,d as r,h as t,c as i}from"./p-fabd9bdd.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-67617725.js";import{d as s}from"./p-b4b55ab7.js";const c="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-message{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);background:var(--message-background);display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-scale-2x)}.br-message .content{color:var(--message-text);-ms-flex:1;flex:1;font-size:var(--font-size-scale-up-01);padding:var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x)}.br-message .content .message-title{font-weight:var(--font-weight-semi-bold)}.br-message .content .message-body{font-weight:var(--font-weigth-regular)}.br-message .content a{font-weight:var(--font-weight-bold);text-decoration:underline}.br-message .content *:last-child{margin-bottom:0}.br-message .icon{-ms-flex-align:center;align-items:center;color:var(--message-color-icon);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-vertical-center) var(--spacing-scale-2x);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x)}.br-message .icon+.content{padding-left:0}.br-message .close{margin-right:var(--spacing-scale-base);margin-top:var(--spacing-scale-base)}.br-message.success,.br-message[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.br-message.success .close .br-button,.br-message[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.br-message.danger,.br-message[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.br-message.danger .close .br-button,.br-message[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.br-message.info,.br-message[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.br-message.info .close .br-button,.br-message[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.br-message.warning,.br-message[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.br-message.warning .close .br-button,.br-message[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}.feedback{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);-ms-flex-align:center;align-items:center;background:var(--feedback-background);color:var(--message-text);display:-ms-inline-flexbox;display:inline-flex;font-style:italic;font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-scale-half)}.feedback:not(.is-warning):not(.warning):not([warning]){--message-text:var(--pure-0)}.feedback.warning,.feedback[warning]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light)}.feedback.success,.feedback[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.feedback.success .close .br-button,.feedback[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.feedback.danger,.feedback[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.feedback.danger .close .br-button,.feedback[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.feedback.info,.feedback[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.feedback.info .close .br-button,.feedback[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.feedback.warning,.feedback[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.feedback.warning .close .br-button,.feedback[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}:host{display:block}:host .icon-space{margin-right:var(--spacing-scale-half)}";const l=c;const g=e(class e extends a{constructor(){super();this.__registerHost();this.__attachShadow();this.brDidClose=r(this,"brDidClose",7);this.elementInternals=this.attachInternals();this.dismissHandler=()=>{this.brDidClose.emit();this.el.remove()};this.inheritedAttributes={};this.messageTitle=undefined;this.message=undefined;this.isInline=false;this.isClosable=false;this.showIcon=false;this.isFeedback=false;this.state="info"}componentWillLoad(){this.inheritedAttributes=o(this.el)}checkIconState(){const e={success:"fa-solid:check-circle",warning:"fa-solid:exclamation-triangle",danger:"fa-solid:times-circle",info:"fa-solid:info-circle"};return e[this.state]||"check-circle"}getCssClassMap(){return{"br-message":true,[this.state]:true}}render(){var e,a;return t(i,{key:"b96c347896bb97d13195dc194d88019fefdbbf2e"},this.isFeedback?t("div",{class:"mb-3"},t("span",Object.assign({class:`feedback ${this.state}`,role:"alert"},this.inheritedAttributes),this.showIcon?t("br-icon",{class:"icon-space","icon-name":this.checkIconState()}):null,((e=this.message)===null||e===void 0?void 0:e.length)===0?t("slot",null):this.message)):t("div",Object.assign({class:this.getCssClassMap(),role:"alert"},this.inheritedAttributes),this.showIcon&&t("div",{class:"icon"},t("br-icon",{"icon-name":this.checkIconState(),height:"20","aria-hidden":"true"})),t("div",{class:"content",role:"alert"},((a=this.message)===null||a===void 0?void 0:a.length)===0?t("div",null,this.messageTitle&&t("strong",null,this.messageTitle),this.messageTitle&&!this.isInline&&t("br",null),t("slot",null)):t("div",null,t("span",{class:"message-title mr-1"},this.messageTitle),t("span",{class:"message-body"},this.message))),this.isClosable&&!this.isFeedback&&t("div",{class:"close"},t("br-button",{shape:"circle",type:"button","aria-label":"Fechar a mensagem",onClick:this.dismissHandler},t("br-icon",{"icon-name":"fa-solid:times","aria-hidden":"true"})))))}static get formAssociated(){return true}get el(){return this}static get style(){return l}},[65,"br-message",{messageTitle:[513,"message-title"],message:[513],isInline:[516,"is-inline"],isClosable:[516,"is-closable"],showIcon:[516,"show-icon"],isFeedback:[516,"is-feedback"],state:[513]}]);function d(){if(typeof customElements==="undefined"){return}const e=["br-message","br-button","br-icon"];e.forEach((e=>{switch(e){case"br-message":if(!customElements.get(e)){customElements.define(e,g)}break;case"br-button":if(!customElements.get(e)){n()}break;case"br-icon":if(!customElements.get(e)){s()}break}}))}d();const b=g;const v=d;export{b as BrMessage,v as defineCustomElement};
-//# sourceMappingURL=br-message.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["messageCss","BrMessageStyle0","Message","proxyCustomElement","H","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","componentWillLoad","inheritAriaAttributes","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n  display: block;\n\n  .icon-space {\n    margin-right: var(--spacing-scale-half);\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n  tag: 'br-message',\n  styleUrl: 'message.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Message {\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: HTMLBrMessageElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n   * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n   */\n  @Prop({ reflect: true }) messageTitle: string\n\n  /**\n   * Define o texto da mensagem que será exibido.\n   * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n   */\n  @Prop({ reflect: true }) message!: string\n\n  /**\n   * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n   * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n   */\n  @Prop({ reflect: true }) isInline: boolean = false\n\n  /**\n   * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n   * Este recurso não está disponível para mensagens do tipo feedback.\n   */\n  @Prop({ reflect: true }) isClosable: boolean = false\n\n  /**\n   * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n   * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n   */\n  @Prop({ reflect: true }) showIcon: boolean = false\n\n  /**\n   * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n   * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n   */\n  @Prop({ reflect: true }) isFeedback: boolean = false\n\n  /**\n   * Define o estado do message.\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 }) state: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n  @Event() brDidClose: EventEmitter\n  private readonly dismissHandler = () => {\n    this.brDidClose.emit()\n    this.el.remove()\n  }\n\n  private checkIconState() {\n    const iconMap = {\n      success: 'fa-solid:check-circle',\n      warning: 'fa-solid:exclamation-triangle',\n      danger: 'fa-solid:times-circle',\n      info: 'fa-solid:info-circle',\n    }\n    return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-message': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host>\n        {this.isFeedback ? (\n          <div class=\"mb-3\">\n            <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n              {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n              {this.message?.length === 0 ? <slot></slot> : this.message}\n            </span>\n          </div>\n        ) : (\n          <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n            {this.showIcon && (\n              <div class=\"icon\">\n                <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n              </div>\n            )}\n            <div class=\"content\" role=\"alert\">\n              {this.message?.length === 0 ? (\n                <div>\n                  {this.messageTitle && <strong>{this.messageTitle}</strong>}\n                  {this.messageTitle && !this.isInline && <br />}\n                  <slot></slot>\n                </div>\n              ) : (\n                <div>\n                  <span class=\"message-title mr-1\">{this.messageTitle}</span>\n                  <span class=\"message-body\">{this.message}</span>\n                </div>\n              )}\n            </div>\n            {this.isClosable && !this.isFeedback && (\n              <div class=\"close\">\n                <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n                  <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n                </br-button>\n              </div>\n            )}\n          </div>\n        )}\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAa,+wbACnB,MAAAC,EAAeD,E,MCaFE,EAAOC,EAAA,MAAAD,UAAAE,E,sJA8DDC,KAAAC,eAAiB,KAChCD,KAAKE,WAAWC,OAChBH,KAAKI,GAAGC,QAAQ,EAoBVL,KAAAM,oBAAkC,G,iEA3DG,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAE5E,iBAAAC,GACEP,KAAKM,oBAAsBE,EAAsBR,KAAKI,G,CAUhD,cAAAK,GACN,MAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQV,KAAKe,QAAU,c,CAGxB,cAAAC,GACN,MAAO,CACL,aAAc,KACd,CAAChB,KAAKe,OAAQ,K,CAMlB,MAAAE,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFpB,KAAKqB,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAYtB,KAAKe,QAASU,KAAK,SAAYzB,KAAKM,qBAC1DN,KAAK0B,SAAWR,EAAA,WAASI,MAAM,aAAY,YAAYtB,KAAKS,mBAA+B,OAC3FkB,EAAA3B,KAAK4B,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIX,EAAA,aAAgBlB,KAAK4B,UAIvDV,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAOtB,KAAKgB,iBAAkBS,KAAK,SAAYzB,KAAKM,qBACtDN,KAAK0B,UACJR,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBlB,KAAKS,iBAAkBqB,OAAO,KAAI,cAAa,UAGvEZ,EAAA,OAAKI,MAAM,UAAUG,KAAK,WACvBM,EAAA/B,KAAK4B,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBX,EAAA,WACGlB,KAAKgC,cAAgBd,EAAA,cAASlB,KAAKgC,cACnChC,KAAKgC,eAAiBhC,KAAKiC,UAAYf,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsBtB,KAAKgC,cACvCd,EAAA,QAAMI,MAAM,gBAAgBtB,KAAK4B,WAItC5B,KAAKkC,aAAelC,KAAKqB,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWiB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAASrC,KAAKC,gBACnFiB,EAAA,uBAAmB,iBAAgB,cAAa,Y","ignoreList":[]}

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

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

package/dist/components/br-radio.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{R as o,d as s}from"./p-22068d3c.js";const t=o;const c=s;export{t as BrRadio,c as defineCustomElement};
-//# sourceMappingURL=br-radio.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

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

@@ -1,11 +0,0 @@
-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;

package/dist/components/br-select.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as r,H as e,d as t,h as a}from"./p-fabd9bdd.js";import{i}from"./p-74a4eb38.js";import{d as o}from"./p-67617725.js";import{d as l}from"./p-62776355.js";import{d as s}from"./p-b4b55ab7.js";import{d as c}from"./p-7aca304a.js";import{d as n}from"./p-7882cb21.js";import{d as b}from"./p-22068d3c.js";import{v as d}from"./p-d5a8d30c.js";const g='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md);max-width:400px;min-width:100px;position:relative}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high) * 2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1 * var(--spacing-scale-base));margin-right:calc(-1 * var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y) * -1);margin-left:calc(var(--item-padding-x) * -1);margin-right:calc(var(--item-padding-x) * -1);margin-top:calc(var(--item-padding-y) * -1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y) * 2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y) * 2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item .content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:transparent;color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';const h=g;const v=r(class r extends e{constructor(){super();this.__registerHost();this.__attachShadow();this.brDidSelectChange=t(this,"brDidSelectChange",7);this.elementInternals=this.attachInternals();this.idDefault=`${d()}`;this.handleClickOutside=r=>{const e=r.target;if(this.isExpanded&&!this.el.contains(e)){this.isExpanded=false}};this.inheritedAttributes={};this.label=undefined;this.placeholder="";this.isMultiple=false;this.options="[]";this.selectAllLabel="Selecionar todos";this.unselectAllLabel="Desselecionar todos";this.showSearchIcon=false;this.isOpen=false;this.customId=undefined;this.parsedOptions=[];this.inputValue="";this.isAllSelected=false;this.isExpanded=false;this.focusedIndex=-1}synchronizeSelect(){try{const r=JSON.parse(this.options);this.parsedOptions=this.sanitizeOptions(r);this.updateSelectedOptions();this.updateSelectedAllState();this.emitSelectedOptions()}catch(r){console.error("Erro ao processar as opções do select:",r);this.parsedOptions=[]}}componentWillLoad(){this.isExpanded=this.isOpen;this.inheritedAttributes=i(this.el);this.synchronizeSelect()}componentDidLoad(){document.addEventListener("click",this.handleClickOutside)}disconnectedCallback(){document.addEventListener("click",this.handleClickOutside)}sanitizeOptions(r){const e=[];const t=[];r.forEach((r=>{if(typeof r.label==="string"&&r.label.trim()!==""){e.push({label:r.label.trim(),value:typeof r.value==="string"?r.value:"",selected:typeof r.selected==="boolean"?r.selected:false})}else{t.push(r)}}));if(t.length>0){console.warn("Opções inválidas descartadas:",t)}return e}handleKeydownOnInput(r){switch(r.key){case"Tab":this.closeSelect();break;case"ArrowDown":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("next");break;case"ArrowUp":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("previous");break;case"Escape":this.closeSelect();this.resetFocus();break;case"Enter":this.toggleOpen();break}}handleKeydownOnList(r){r.preventDefault();switch(r.key){case"Tab":case"Escape":this.resetFocus();break;case"ArrowUp":this.focusItemInDirection("previous");break;case"ArrowDown":this.focusItemInDirection("next");break}}handleKeydownOnItem(r,e){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.handleSelection(e)}else if(r.key==="Escape"){this.closeSelect()}}handleSelectAllKeyDown(r){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.toggleSelectAll()}else if(r.key==="Escape"){r.preventDefault();this.closeSelect()}}resetFocus(){const r=this.el.shadowRoot.querySelector("br-input");r.focus()}focusItemInDirection(r){let e=this.parsedOptions.length;if(this.isMultiple)e+=1;this.focusedIndex=r==="next"?(this.focusedIndex+1)%e:(this.focusedIndex-1+e)%e;this.focusItem(this.focusedIndex)}focusItem(r){const e=this.el.shadowRoot.querySelectorAll(".br-item");const t=e[r];t.focus()}openSelect(){this.isExpanded=true}closeSelect(){this.isExpanded=false}handleSelection(r){if(r<0||r>=this.parsedOptions.length){return}if(this.isMultiple){this.parsedOptions[r].selected=!this.parsedOptions[r].selected}else{this.parsedOptions.forEach((r=>r.selected=false));this.parsedOptions[r].selected=true;this.isExpanded=false}this.updateSelectedOptions();this.emitSelectedOptions();this.updateSelectedAllState()}updateSelectedOptions(){this.inputValue=this.getStringValue(this.parsedOptions.filter((r=>r.selected)))}getStringValue(r){if(r.length>0){const e=r[0].label||r[0].value;if(this.isMultiple){const t=r.length>1?` + (${r.length-1})`:"";return`${e}${t}`}else{return e}}return""}emitSelectedOptions(){const r=this.parsedOptions.filter((r=>r.selected===true)).map((r=>{var e;return(e=r.label)!==null&&e!==void 0?e:r.value}));this.brDidSelectChange.emit(r)}updateSelectedAllState(){const r=this.parsedOptions.every((r=>r.selected));this.isAllSelected=r}toggleSelectAll(){if(this.isAllSelected){this.parsedOptions.forEach((r=>r.selected=false));this.isAllSelected=false}else{this.parsedOptions.forEach((r=>r.selected=true));this.isAllSelected=true}this.updateSelectedOptions();this.emitSelectedOptions()}renderInput(){return a("br-input",{value:this.inputValue,label:this.label,placeholder:this.placeholder,readonly:true,onClick:()=>this.toggleOpen(),onKeyDown:r=>this.handleKeydownOnInput(r)},this.showSearchIcon&&a("br-icon",{slot:"icon","icon-name":"fa-solid:search","aria-hidden":"true"}),a("br-icon",{slot:"action","icon-name":this.isExpanded?"fa-solid:angle-up":"fa-solid:angle-down",height:"16","aria-hidden":"true"}))}renderSelectAllCheckbox(){return a("div",{class:`br-item highlighted ${this.isAllSelected?"selected":""}`,"data-all":"data-all",tabindex:"-1",role:"option","aria-selected":this.isAllSelected,onKeyDown:r=>this.handleSelectAllKeyDown(r)},a("br-checkbox",{name:`checkbox-${this.idDefault}`,label:this.isAllSelected?this.unselectAllLabel:this.selectAllLabel,checked:this.isAllSelected,onBrDidCheckedChange:()=>this.toggleSelectAll()}))}renderOptions(){return this.parsedOptions.map(((r,e)=>a("div",{class:`br-item ${r.selected?"selected":""}`,key:`${r.label}-${this.idDefault}`,role:"option",tabindex:this.focusedIndex===e?0:-1,"aria-selected":r.selected,onClick:()=>this.handleSelection(e),onKeyDown:r=>this.handleKeydownOnItem(r,e)},this.isMultiple?a("br-checkbox",{name:`checkbox-${e}-${this.idDefault}`,label:r.label||r.value,checked:r.selected===true,onBrDidCheckedChange:()=>this.handleSelection(e)}):a("br-radio",{exportparts:"radio-input, radio-label",name:`radio-${e}-${this.idDefault}`,label:r.label||r.value,checked:r.selected===true,onBrDidChange:()=>this.handleSelection(e)}))))}getComputedId(){var r;return((r=this.customId)===null||r===void 0?void 0:r.length)>0?this.customId:`br-select-${this.idDefault}`}async toggleOpen(){this.isExpanded=!this.isExpanded}getCssClassMap(){return{"br-select":true}}render(){return a("div",Object.assign({key:"a060e050a8b1ae04df17457118c5061efaf09853",class:this.getCssClassMap()},this.inheritedAttributes,{id:this.getComputedId()}),this.renderInput(),this.isExpanded&&a("br-list",{key:"bca27704661b44ca08de6183f2406bda4d5254a9",tabindex:-1,onKeyDown:r=>this.handleKeydownOnList(r)},this.isMultiple&&this.renderSelectAllCheckbox(),this.renderOptions()))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{options:["synchronizeSelect"]}}static get style(){return h}},[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,"id"],parsedOptions:[32],inputValue:[32],isAllSelected:[32],isExpanded:[32],focusedIndex:[32],toggleOpen:[64]},undefined,{options:["synchronizeSelect"]}]);function p(){if(typeof customElements==="undefined"){return}const r=["br-select","br-button","br-checkbox","br-icon","br-input","br-list","br-radio"];r.forEach((r=>{switch(r){case"br-select":if(!customElements.get(r)){customElements.define(r,v)}break;case"br-button":if(!customElements.get(r)){o()}break;case"br-checkbox":if(!customElements.get(r)){l()}break;case"br-icon":if(!customElements.get(r)){s()}break;case"br-input":if(!customElements.get(r)){c()}break;case"br-list":if(!customElements.get(r)){n()}break;case"br-radio":if(!customElements.get(r)){b()}break}}))}p();const m=v;const u=p;export{m as BrSelect,u as defineCustomElement};
-//# sourceMappingURL=br-select.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["selectCss","BrSelectStyle0","Select","proxyCustomElement","H","this","idDefault","uuidv4","handleClickOutside","event","target","isExpanded","el","contains","inheritedAttributes","synchronizeSelect","rawOptions","JSON","parse","options","parsedOptions","sanitizeOptions","updateSelectedOptions","updateSelectedAllState","emitSelectedOptions","error","console","componentWillLoad","isOpen","inheritAriaAttributes","componentDidLoad","document","addEventListener","disconnectedCallback","validOptions","invalidOptions","forEach","option","label","trim","push","value","selected","length","warn","handleKeydownOnInput","key","closeSelect","preventDefault","openSelect","focusItemInDirection","resetFocus","toggleOpen","handleKeydownOnList","handleKeydownOnItem","index","handleSelection","handleSelectAllKeyDown","toggleSelectAll","input","shadowRoot","querySelector","focus","direction","itemCount","isMultiple","focusedIndex","focusItem","items","querySelectorAll","item","inputValue","getStringValue","filter","firstSelected","howManySelected","selectedOptions","map","_a","brDidSelectChange","emit","allSelected","every","isAllSelected","renderInput","h","placeholder","readonly","onClick","onKeyDown","showSearchIcon","slot","height","renderSelectAllCheckbox","class","tabindex","role","name","unselectAllLabel","selectAllLabel","checked","onBrDidCheckedChange","renderOptions","exportparts","onBrDidChange","getComputedId","customId","getCssClassMap","render","Object","assign","id"],"sources":["src/components/select/select.scss?tag=br-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/select/select.scss\";\n@import \"../../../../../node_modules/@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n  display: block;\n\n  .br-select br-list {\n    background-color: var(--bg-color);\n    box-shadow: var(--select-shadow);\n    margin-top: -2px;\n    max-height: 404px;\n    overflow: auto;\n    position: absolute;\n    resize: none;\n    width: 100%;\n    z-index: 1;\n\n    @include scrollbar;\n\n    &:focus,\n    &:active {\n      color: var(--color-secondary-09);\n      outline: none;\n    }\n\n    &:hover {\n      &::-webkit-scrollbar-thumb {\n        background: var(--color-secondary-07);\n      }\n    }\n\n\n    .br-item br-radio::part(radio-input)  {\n      visibility: hidden;\n      height: 0;\n      width: 0;\n      }\n\n    .br-item br-radio::part(radio-label) {\n      padding-left: var(--spacing-scale-base);\n      position: relative;\n\n      &::before,\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Method, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces';\n\n@Component({\n  tag: 'br-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select {\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: HTMLBrSelectElement\n\n    @AttachInternals() elementInternals: ElementInternals\n\n    /**\n    * Rótulo que indica o tipo de informação que deve ser selecionada.\n    */\n    @Prop({ reflect: true }) label: string;\n\n    /**\n    * Texto auxiliar exibido antes de uma seleção.\n    */\n    @Prop({ reflect: true }) placeholder: string = '';\n\n   /**\n    * Habilita o modo múltiplo para selecionar várias opções.\n    */\n   @Prop({ reflect: true }) isMultiple: boolean = false;\n\n   /**\n    * JSON contendo as opções do select.\n    */\n   @Prop({ reflect: true }) options: string = '[]';\n\n   /**\n    * Rótulo para selecionar todas as opções.\n    */\n   @Prop({ reflect: true }) selectAllLabel: string = 'Selecionar todos';\n\n   /**\n    * Rótulo para desmarcar todas as opções.\n    */\n   @Prop({ reflect: true }) unselectAllLabel: string = 'Desselecionar todos';\n\n   /**\n    * Exibe o ícone de busca no campo de entrada.\n    */\n   @Prop({ reflect: true }) showSearchIcon: boolean = false;\n\n   /**\n    * Indica se a listagem de itens do select está expandida\n    */\n   @Prop({ reflect: true }) isOpen: boolean = false;\n\n   /**\n   * Especifica o ID do componente.\n   * Se não for fornecido, o ID será gerado automaticamente e de forma aleatória\n   */\n   @Prop({ reflect: true, attribute: 'id' }) customId: string\n\n  /**\n   * Contém o id gerado aleatoriamente\n   */\n   private readonly idDefault = `${uuidv4()}`\n\n  // Representa as opções do select disponíveis para renderização.\n  // Cada opção contém `label`, `value` e o estado de seleção (`selected`).\n  @State() parsedOptions: { label: string; value: string; selected: boolean }[] = [];\n\n  // Valor exibido no input, refletindo as opções selecionadas.\n  @State() inputValue: string = '';\n\n  // Indica se todas as opções estão selecionadas. Comportamento do checkbox \"Selecionar Todos\".\n  @State() isAllSelected: boolean = false;\n\n  // Controla se a lista de opções do select está expandida (aberta) ou colapsada (fechada).\n  @State() isExpanded: boolean = false;\n\n  // Armazena o índice do item atualmente focado, usado para navegação por teclado.\n  @State() focusedIndex: number = -1;\n\n  /**\n  * Evento emitido sempre que houver atualização nos itens selecionados.\n  */\n  @Event() brDidSelectChange: EventEmitter;\n\n  @Watch('options')\n  synchronizeSelect() {\n    try {\n      const rawOptions = JSON.parse(this.options);\n      this.parsedOptions = this.sanitizeOptions(rawOptions);\n      this.updateSelectedOptions();\n      this.updateSelectedAllState();\n      this.emitSelectedOptions();\n    } catch (error) {\n      console.error('Erro ao processar as opções do select:', error);\n      this.parsedOptions = [];\n    }\n  }\n\n  componentWillLoad() {\n    this.isExpanded = this.isOpen;\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n    this.synchronizeSelect();\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  disconnectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  private sanitizeOptions(rawOptions: any[]): { label: string; value: string; selected: boolean }[] {\n    const validOptions = [];\n    const invalidOptions = [];\n\n    rawOptions.forEach(option => {\n      if (typeof option.label === 'string' && option.label.trim() !== '') {\n        validOptions.push({\n          label: option.label.trim(),\n          value: typeof option.value === 'string' ? option.value : '',\n          selected: typeof option.selected === 'boolean' ? option.selected : false,\n        });\n      } else {\n        invalidOptions.push(option);\n      }\n    });\n\n    if (invalidOptions.length > 0) {\n      console.warn('Opções inválidas descartadas:', invalidOptions);\n    }\n\n    return validOptions;\n  }\n\n  private readonly handleClickOutside = (event: MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (this.isExpanded && !this.el.contains(target)) {\n      this.isExpanded = false;\n    }\n  }\n\n  private handleKeydownOnInput(event: KeyboardEvent) {\n    switch (event.key) {\n      case 'Tab':\n        this.closeSelect();\n        break;\n      case 'ArrowDown':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('next');\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (!this.isExpanded) {\n          this.openSelect();\n        }\n        this.focusItemInDirection('previous');\n        break;\n      case 'Escape':\n        this.closeSelect();\n        this.resetFocus();\n        break;\n      case 'Enter':\n        this.toggleOpen();\n        break;\n      default:\n    }\n  }\n\n  private handleKeydownOnList(event: KeyboardEvent) {\n    event.preventDefault();\n    switch (event.key) {\n      case 'Tab':\n      case 'Escape':\n        this.resetFocus();\n        break;\n      case 'ArrowUp':\n        this.focusItemInDirection('previous');\n        break;\n      case 'ArrowDown':\n        this.focusItemInDirection('next');\n        break;\n      default:\n        break;\n    }\n  }\n\n  private handleKeydownOnItem(event: KeyboardEvent, index: number) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelection(index); // Garante que o índice correto será usado\n    } else if (event.key === 'Escape') {\n      this.closeSelect();\n    }\n  }\n\n  private handleSelectAllKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggleSelectAll();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.closeSelect();\n    }\n  }\n\n  private resetFocus() {\n    const input = this.el.shadowRoot.querySelector('br-input') as HTMLElement;\n    input.focus();\n  }\n\n  private focusItemInDirection(direction: 'next' | 'previous') {\n    let itemCount = this.parsedOptions.length;\n    if (this.isMultiple) itemCount += 1;\n\n    this.focusedIndex = direction === 'next'\n      ? (this.focusedIndex + 1) % itemCount\n      : (this.focusedIndex - 1 + itemCount) % itemCount;\n\n    this.focusItem(this.focusedIndex);\n  }\n\n  private focusItem(index: number) {\n    const items = this.el.shadowRoot.querySelectorAll('.br-item');\n    const item = items[index] as HTMLElement;\n    item.focus();\n  }\n\n  private openSelect() {\n    this.isExpanded = true;\n  }\n\n  private closeSelect() {\n    this.isExpanded = false;\n  }\n\n\n  private handleSelection(index: number) {\n    if (index < 0 || index >= this.parsedOptions.length) {\n      return;\n    }\n\n    if (this.isMultiple) {\n      this.parsedOptions[index].selected = !this.parsedOptions[index].selected;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.parsedOptions[index].selected = true;\n      this.isExpanded = false;\n    }\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n    this.updateSelectedAllState();\n  }\n\n  private updateSelectedOptions() {\n    this.inputValue = this.getStringValue(this.parsedOptions.filter(option => option.selected));\n  }\n\n  private getStringValue(options) {\n    if (options.length > 0) {\n      const firstSelected = options[0].label || options[0].value;\n      if (this.isMultiple) {\n        const howManySelected = options.length > 1 ? ` + (${options.length - 1})` : '';\n        return `${firstSelected}${howManySelected}`;\n      } else {\n        return firstSelected;\n      }\n    }\n    return '';\n  }\n\n  private emitSelectedOptions() {\n    const selectedOptions = this.parsedOptions\n    .filter((option)  => option.selected === true)\n    .map((option) => option.label ?? option.value);\n\n    this.brDidSelectChange.emit(selectedOptions);\n  }\n\n  private updateSelectedAllState() {\n    const allSelected = this.parsedOptions.every(option => option.selected);\n    this.isAllSelected = allSelected;\n  }\n\n  private toggleSelectAll() {\n    if (this.isAllSelected) {\n      this.parsedOptions.forEach(option => option.selected = false);\n      this.isAllSelected = false;\n    } else {\n      this.parsedOptions.forEach(option => option.selected = true);\n      this.isAllSelected = true;\n    }\n\n    this.updateSelectedOptions();\n    this.emitSelectedOptions();\n  }\n\n  private renderInput() {\n    return (\n      <br-input\n        value={this.inputValue}\n        label={this.label}\n        placeholder={this.placeholder}\n        readonly\n        onClick={() => this.toggleOpen()}\n        onKeyDown={(event) => this.handleKeydownOnInput(event)}\n      >\n        {this.showSearchIcon && <br-icon slot=\"icon\" icon-name=\"fa-solid:search\" aria-hidden=\"true\"></br-icon>}\n        <br-icon slot=\"action\"\n          icon-name={this.isExpanded ? 'fa-solid:angle-up' : 'fa-solid:angle-down'}\n          height=\"16\"\n          aria-hidden=\"true\">\n        </br-icon>\n      </br-input>\n    );\n  }\n\n  private renderSelectAllCheckbox() {\n    return (\n      <div class={`br-item highlighted ${this.isAllSelected ? 'selected' : ''}`}\n           data-all=\"data-all\"\n           tabindex=\"-1\"\n           role=\"option\"\n           aria-selected={this.isAllSelected}\n           onKeyDown={(event) => this.handleSelectAllKeyDown(event)}\n           >\n        <br-checkbox\n          name={`checkbox-${this.idDefault}`}\n          label={this.isAllSelected ? this.unselectAllLabel : this.selectAllLabel}\n          checked={this.isAllSelected}\n          onBrDidCheckedChange={() => this.toggleSelectAll()}\n        ></br-checkbox>\n      </div>\n    );\n  }\n\n  private renderOptions() {\n    return (\n      this.parsedOptions.map((option, index) => (\n        <div\n          class={`br-item ${option.selected ? 'selected' : ''}`}\n          key={`${option.label}-${this.idDefault}`}\n          role=\"option\"\n          tabindex={this.focusedIndex === index ? 0 : -1}\n          aria-selected={option.selected}\n          onClick={() => this.handleSelection(index)}\n          onKeyDown={(event) => this.handleKeydownOnItem(event, index)}\n        >\n          {this.isMultiple ?\n            (\n              <br-checkbox\n                name={`checkbox-${index}-${this.idDefault}`}\n                label={option.label || option.value}\n                checked={option.selected === true}\n                onBrDidCheckedChange={() => this.handleSelection(index)}\n              />\n            )\n            :\n            (<br-radio\n              exportparts=\"radio-input, radio-label\"\n              name={`radio-${index}-${this.idDefault}`}\n              label={option.label || option.value}\n              checked={option.selected === true}\n              onBrDidChange={() => this.handleSelection(index)}\n            />)\n          }\n        </div>\n      ))\n    );\n  }\n\n    /**\n   * Determina um id para o radio.\n   */\n    private getComputedId() {\n      return this.customId?.length > 0 ? this.customId : `br-select-${this.idDefault}`;\n    }\n\n  /**\n   * Inverte o valor da prop `isOpen`\n   */\n  @Method()\n  async toggleOpen() {\n    this.isExpanded = !this.isExpanded\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-select': true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <div class={this.getCssClassMap()} {...this.inheritedAttributes} id={this.getComputedId()}>\n        {this.renderInput()}\n\n        {this.isExpanded &&\n          <br-list tabindex={-1} onKeyDown={(event) => this.handleKeydownOnList(event)}>\n            {this.isMultiple && (this.renderSelectAllCheckbox())}\n            {this.renderOptions()}\n          </br-list>\n        }\n      </div>\n    );\n  }\n}\n\n"],"mappings":";;;;oVAAA,MAAMA,EAAY,k0tBAClB,MAAAC,EAAeD,E,MCUFE,EAAMC,EAAA,MAAAD,UAAAE,E,oKA0DCC,KAAAC,UAAY,GAAGC,MA0EhBF,KAAAG,mBAAsBC,IACrC,MAAMC,EAASD,EAAMC,OACrB,GAAIL,KAAKM,aAAeN,KAAKO,GAAGC,SAASH,GAAS,CAChDL,KAAKM,WAAa,K,GAiQdN,KAAAS,oBAAkC,G,sCAvXO,G,gBAKD,M,aAKJ,K,oBAKO,mB,sBAKE,sB,oBAKD,M,YAKR,M,2CAeoC,G,gBAGlD,G,mBAGI,M,gBAGH,M,mBAGE,C,CAQjC,iBAAAC,GACE,IACE,MAAMC,EAAaC,KAAKC,MAAMb,KAAKc,SACnCd,KAAKe,cAAgBf,KAAKgB,gBAAgBL,GAC1CX,KAAKiB,wBACLjB,KAAKkB,yBACLlB,KAAKmB,qB,CACL,MAAOC,GACPC,QAAQD,MAAM,yCAA0CA,GACxDpB,KAAKe,cAAgB,E,EAIzB,iBAAAO,GACEtB,KAAKM,WAAaN,KAAKuB,OACvBvB,KAAKS,oBAAsBe,EAAsBxB,KAAKO,IACtDP,KAAKU,mB,CAGP,gBAAAe,GACEC,SAASC,iBAAiB,QAAS3B,KAAKG,mB,CAG1C,oBAAAyB,GACEF,SAASC,iBAAiB,QAAS3B,KAAKG,mB,CAGlC,eAAAa,CAAgBL,GACtB,MAAMkB,EAAe,GACrB,MAAMC,EAAiB,GAEvBnB,EAAWoB,SAAQC,IACjB,UAAWA,EAAOC,QAAU,UAAYD,EAAOC,MAAMC,SAAW,GAAI,CAClEL,EAAaM,KAAK,CAChBF,MAAOD,EAAOC,MAAMC,OACpBE,aAAcJ,EAAOI,QAAU,SAAWJ,EAAOI,MAAQ,GACzDC,gBAAiBL,EAAOK,WAAa,UAAYL,EAAOK,SAAW,O,KAEhE,CACLP,EAAeK,KAAKH,E,KAIxB,GAAIF,EAAeQ,OAAS,EAAG,CAC7BjB,QAAQkB,KAAK,gCAAiCT,E,CAGhD,OAAOD,C,CAUD,oBAAAW,CAAqBpC,GAC3B,OAAQA,EAAMqC,KACZ,IAAK,MACHzC,KAAK0C,cACL,MACF,IAAK,YACHtC,EAAMuC,iBACN,IAAK3C,KAAKM,WAAY,CACpBN,KAAK4C,Y,CAEP5C,KAAK6C,qBAAqB,QAC1B,MACF,IAAK,UACHzC,EAAMuC,iBACN,IAAK3C,KAAKM,WAAY,CACpBN,KAAK4C,Y,CAEP5C,KAAK6C,qBAAqB,YAC1B,MACF,IAAK,SACH7C,KAAK0C,cACL1C,KAAK8C,aACL,MACF,IAAK,QACH9C,KAAK+C,aACL,M,CAKE,mBAAAC,CAAoB5C,GAC1BA,EAAMuC,iBACN,OAAQvC,EAAMqC,KACZ,IAAK,MACL,IAAK,SACHzC,KAAK8C,aACL,MACF,IAAK,UACH9C,KAAK6C,qBAAqB,YAC1B,MACF,IAAK,YACH7C,KAAK6C,qBAAqB,QAC1B,M,CAME,mBAAAI,CAAoB7C,EAAsB8C,GAChD,GAAI9C,EAAMqC,MAAQ,SAAWrC,EAAMqC,MAAQ,IAAK,CAC9CrC,EAAMuC,iBACN3C,KAAKmD,gBAAgBD,E,MAChB,GAAI9C,EAAMqC,MAAQ,SAAU,CACjCzC,KAAK0C,a,EAID,sBAAAU,CAAuBhD,GAC7B,GAAIA,EAAMqC,MAAQ,SAAWrC,EAAMqC,MAAQ,IAAK,CAC9CrC,EAAMuC,iBACN3C,KAAKqD,iB,MACA,GAAIjD,EAAMqC,MAAQ,SAAU,CACjCrC,EAAMuC,iBACN3C,KAAK0C,a,EAID,UAAAI,GACN,MAAMQ,EAAQtD,KAAKO,GAAGgD,WAAWC,cAAc,YAC/CF,EAAMG,O,CAGA,oBAAAZ,CAAqBa,GAC3B,IAAIC,EAAY3D,KAAKe,cAAcuB,OACnC,GAAItC,KAAK4D,WAAYD,GAAa,EAElC3D,KAAK6D,aAAeH,IAAc,QAC7B1D,KAAK6D,aAAe,GAAKF,GACzB3D,KAAK6D,aAAe,EAAIF,GAAaA,EAE1C3D,KAAK8D,UAAU9D,KAAK6D,a,CAGd,SAAAC,CAAUZ,GAChB,MAAMa,EAAQ/D,KAAKO,GAAGgD,WAAWS,iBAAiB,YAClD,MAAMC,EAAOF,EAAMb,GACnBe,EAAKR,O,CAGC,UAAAb,GACN5C,KAAKM,WAAa,I,CAGZ,WAAAoC,GACN1C,KAAKM,WAAa,K,CAIZ,eAAA6C,CAAgBD,GACtB,GAAIA,EAAQ,GAAKA,GAASlD,KAAKe,cAAcuB,OAAQ,CACnD,M,CAGF,GAAItC,KAAK4D,WAAY,CACnB5D,KAAKe,cAAcmC,GAAOb,UAAYrC,KAAKe,cAAcmC,GAAOb,Q,KAC3D,CACLrC,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,QACvDrC,KAAKe,cAAcmC,GAAOb,SAAW,KACrCrC,KAAKM,WAAa,K,CAEpBN,KAAKiB,wBACLjB,KAAKmB,sBACLnB,KAAKkB,wB,CAGC,qBAAAD,GACNjB,KAAKkE,WAAalE,KAAKmE,eAAenE,KAAKe,cAAcqD,QAAOpC,GAAUA,EAAOK,W,CAG3E,cAAA8B,CAAerD,GACrB,GAAIA,EAAQwB,OAAS,EAAG,CACtB,MAAM+B,EAAgBvD,EAAQ,GAAGmB,OAASnB,EAAQ,GAAGsB,MACrD,GAAIpC,KAAK4D,WAAY,CACnB,MAAMU,EAAkBxD,EAAQwB,OAAS,EAAI,OAAOxB,EAAQwB,OAAS,KAAO,GAC5E,MAAO,GAAG+B,IAAgBC,G,KACrB,CACL,OAAOD,C,EAGX,MAAO,E,CAGD,mBAAAlD,GACN,MAAMoD,EAAkBvE,KAAKe,cAC5BqD,QAAQpC,GAAYA,EAAOK,WAAa,OACxCmC,KAAKxC,IAAM,IAAAyC,EAAK,OAAAA,EAAAzC,EAAOC,SAAK,MAAAwC,SAAA,EAAAA,EAAIzC,EAAOI,KAAK,IAE7CpC,KAAK0E,kBAAkBC,KAAKJ,E,CAGtB,sBAAArD,GACN,MAAM0D,EAAc5E,KAAKe,cAAc8D,OAAM7C,GAAUA,EAAOK,WAC9DrC,KAAK8E,cAAgBF,C,CAGf,eAAAvB,GACN,GAAIrD,KAAK8E,cAAe,CACtB9E,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,QACvDrC,KAAK8E,cAAgB,K,KAChB,CACL9E,KAAKe,cAAcgB,SAAQC,GAAUA,EAAOK,SAAW,OACvDrC,KAAK8E,cAAgB,I,CAGvB9E,KAAKiB,wBACLjB,KAAKmB,qB,CAGC,WAAA4D,GACN,OACEC,EAAA,YACE5C,MAAOpC,KAAKkE,WACZjC,MAAOjC,KAAKiC,MACZgD,YAAajF,KAAKiF,YAClBC,SAAQ,KACRC,QAAS,IAAMnF,KAAK+C,aACpBqC,UAAYhF,GAAUJ,KAAKwC,qBAAqBpC,IAE/CJ,KAAKqF,gBAAkBL,EAAA,WAASM,KAAK,OAAM,YAAW,kBAAiB,cAAa,SACrFN,EAAA,WAASM,KAAK,SAAQ,YACTtF,KAAKM,WAAa,oBAAsB,sBACnDiF,OAAO,KAAI,cACC,S,CAMZ,uBAAAC,GACN,OACER,EAAA,OAAKS,MAAO,uBAAuBzF,KAAK8E,cAAgB,WAAa,KAAI,WAC3D,WACTY,SAAS,KACTC,KAAK,SAAQ,gBACE3F,KAAK8E,cACpBM,UAAYhF,GAAUJ,KAAKoD,uBAAuBhD,IAErD4E,EAAA,eACEY,KAAM,YAAY5F,KAAKC,YACvBgC,MAAOjC,KAAK8E,cAAgB9E,KAAK6F,iBAAmB7F,KAAK8F,eACzDC,QAAS/F,KAAK8E,cACdkB,qBAAsB,IAAMhG,KAAKqD,oB,CAMjC,aAAA4C,GACN,OACEjG,KAAKe,cAAcyD,KAAI,CAACxC,EAAQkB,IAC9B8B,EAAA,OACES,MAAO,WAAWzD,EAAOK,SAAW,WAAa,KACjDI,IAAK,GAAGT,EAAOC,SAASjC,KAAKC,YAC7B0F,KAAK,SACLD,SAAU1F,KAAK6D,eAAiBX,EAAQ,GAAK,EAAC,gBAC/BlB,EAAOK,SACtB8C,QAAS,IAAMnF,KAAKmD,gBAAgBD,GACpCkC,UAAYhF,GAAUJ,KAAKiD,oBAAoB7C,EAAO8C,IAErDlD,KAAK4D,WAEFoB,EAAA,eACEY,KAAM,YAAY1C,KAASlD,KAAKC,YAChCgC,MAAOD,EAAOC,OAASD,EAAOI,MAC9B2D,QAAS/D,EAAOK,WAAa,KAC7B2D,qBAAsB,IAAMhG,KAAKmD,gBAAgBD,KAIpD8B,EAAA,YACCkB,YAAY,2BACZN,KAAM,SAAS1C,KAASlD,KAAKC,YAC7BgC,MAAOD,EAAOC,OAASD,EAAOI,MAC9B2D,QAAS/D,EAAOK,WAAa,KAC7B8D,cAAe,IAAMnG,KAAKmD,gBAAgBD,O,CAW5C,aAAAkD,G,MACN,QAAO3B,EAAAzE,KAAKqG,YAAQ,MAAA5B,SAAA,SAAAA,EAAEnC,QAAS,EAAItC,KAAKqG,SAAW,aAAarG,KAAKC,W,CAOzE,gBAAM8C,GACJ/C,KAAKM,YAAcN,KAAKM,U,CAGlB,cAAAgG,GACN,MAAO,CACL,YAAa,K,CAMjB,MAAAC,GACE,OACEvB,EAAA,MAAAwB,OAAAC,OAAA,CAAAhE,IAAA,2CAAKgD,MAAOzF,KAAKsG,kBAAsBtG,KAAKS,oBAAmB,CAAEiG,GAAI1G,KAAKoG,kBACvEpG,KAAK+E,cAEL/E,KAAKM,YACJ0E,EAAA,WAAAvC,IAAA,2CAASiD,UAAW,EAAGN,UAAYhF,GAAUJ,KAAKgD,oBAAoB5C,IACnEJ,KAAK4D,YAAe5D,KAAKwF,0BACzBxF,KAAKiG,iB","ignoreList":[]}

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

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

package/dist/components/br-switch.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as t,H as r,d as i,h as e,c as a}from"./p-fabd9bdd.js";import{i as o}from"./p-74a4eb38.js";import{v as n}from"./p-d5a8d30c.js";const s='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-switch{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium);--switch-height-small:24px;--switch-height-medium:30px;--switch-height-large:36px;--switch-width-small:40px;--switch-width-medium:52px;--switch-width-large:64px;--switch-toggle-small:16px;--switch-toggle-medium:22px;--switch-toggle-large:28px;--switch-icon-small:var(--icon-size-xs);--switch-icon-medium:var(--icon-size-sm);--switch-icon-large:var(--icon-size-base);display:-ms-inline-flexbox;display:inline-flex;min-height:var(--switch-height);}.br-switch input{opacity:0;position:absolute}.br-switch input+label{-ms-flex-align:center;align-items:center;color:var(--color);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);margin-bottom:0;position:relative}.br-switch input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:100em;content:"";height:var(--switch-height);position:absolute;width:var(--switch-width)}.br-switch input+label::after{background-color:var(--off);border-radius:50%;content:"";height:var(--switch-toggle-size);position:absolute;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;width:var(--switch-toggle-size)}.br-switch input:checked+label::after{background-color:var(--on)}.br-switch input+label{padding-right:calc(var(--spacing-scale-2x) + var(--switch-width))}.br-switch input+label:empty{padding-right:var(--switch-width)}.br-switch input+label::before{right:0}.br-switch input+label::after{right:calc(4px + var(--switch-toggle-size))}.br-switch input:checked+label::after{right:4px}.br-switch.right input+label{padding-left:calc(var(--spacing-scale-2x) + var(--switch-width));padding-right:0}.br-switch.right input+label::before{left:0}.br-switch.right input+label::after{left:4px}.br-switch.right input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.top{min-height:calc(var(--switch-height) * 2)}.br-switch.top input+label{-ms-flex-align:start;align-items:flex-start;padding-right:0}.br-switch.top input+label::before{bottom:0;left:0}.br-switch.top input+label::after{bottom:4px;left:4px}.br-switch.top input:checked+label::after{left:calc(var(--switch-width) - var(--switch-toggle-size) - 4px)}.br-switch.small{--switch-height:var(--switch-height-small);--switch-width:var(--switch-width-small);--switch-toggle-size:var(--switch-toggle-small);--switch-icon-size:var(--switch-icon-small)}.br-switch.medium{--switch-height:var(--switch-height-medium);--switch-width:var(--switch-width-medium);--switch-toggle-size:var(--switch-toggle-medium);--switch-icon-size:var(--switch-icon-medium)}.br-switch.large{--switch-height:var(--switch-height-large);--switch-width:var(--switch-width-large);--switch-toggle-size:var(--switch-toggle-large);--switch-icon-size:var(--switch-icon-large)}.br-switch input~.switch-data{-ms-flex-item-align:center;align-self:center;color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);margin-left:8px}.br-switch input~.switch-data::before{content:attr(data-disabled)}.br-switch input:checked~.switch-data{color:var(--color)}.br-switch input:checked~.switch-data::before{content:attr(data-enabled)}.br-switch.icon input+label::after{-ms-flex-align:center;align-items:center;color:var(--color-dark);content:"\\f00d";display:-ms-inline-flexbox;display:inline-flex;font-family:"Font Awesome 5 Free", sans-serif;font-size:var(--switch-icon-size);font-weight:var(--font-weight-black);-ms-flex-pack:center;justify-content:center}.br-switch.icon input:checked+label::after{content:"\\f00c"}.br-switch input:focus-visible+label::before{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-switch input:hover:not([disabled]):checked+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--on-rgb), var(--hover))), to(rgba(var(--on-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)))}.br-switch input:hover:not([disabled]):not(:checked)+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--off-rgb), var(--hover))), to(rgba(var(--off-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)))}.br-switch input:active:not([disabled]):checked+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--on-rgb), var(--pressed))), to(rgba(var(--on-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)))}.br-switch input:active:not([disabled]):not(:checked)+label::before{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--off-rgb), var(--pressed))), to(rgba(var(--off-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)))}.br-switch.dark-mode,.br-switch.dark-mode label{color:var(--color-dark)}:host{display:block}';const l=s;const c=t(class t extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.brDidCheckedChange=i(this,"brDidCheckedChange",7);this.elementInternals=this.attachInternals();this.handleCheckedChange=t=>{this._checkedValue=t.target.checked;this.brDidCheckedChange.emit(this._checkedValue)};this.inheritedAttributes={};this.disabled=false;this.checked=false;this.customId=`br-input-${n()}`;this.label=undefined;this.labelPosition="left";this.labelOn=undefined;this.labelOff=undefined;this.hasIcon=false;this.name=undefined;this.value=undefined;this.density="medium";this._slotDefault=false;this._checkedValue=undefined}componentWillLoad(){this._hasSlotContentDefault();this._checkedValue=this.checked;this.inheritedAttributes=o(this.el)}_hasSlotContentDefault(){this._slotDefault=this.el.innerHTML!==""}async toggleChecked(){this._checkedValue=!this._checkedValue;this.brDidCheckedChange.emit(this._checkedValue)}getCssClassMap(){return{"br-switch":true,icon:this.hasIcon,top:this.labelPosition==="top",right:this.labelPosition==="right",large:this.density==="large",small:this.density==="small"}}render(){return e(a,{key:"a8058de5e4d32e21cf236d887dff19f419f5edcc"},e("div",Object.assign({key:"56c7286facb1882ac178aa903b53ff539304c8c8",class:this.getCssClassMap()},this.inheritedAttributes),e("input",{key:"76d767f4e3129a8db85fb168fa41983a7c4d8006",id:this.customId,type:"checkbox",name:this.name,checked:this._checkedValue,disabled:this.disabled,role:"switch","aria-checked":this._checkedValue.toString(),"aria-disabled":this.disabled?"true":null,onChange:this.handleCheckedChange}),e("label",{key:"98e24813ebea9efab1bcf0c9b9288d4e98549bc1",htmlFor:this.customId},this._slotDefault?e("slot",null):this.label),this.labelOn&&this.labelOff&&e("div",{key:"2421315bbb2ba1a7019121e11a7c7699ff46d60a",class:"switch-data","data-enabled":this.labelOn,"data-disabled":this.labelOff})))}static get formAssociated(){return true}get el(){return this}static get style(){return l}},[65,"br-switch",{disabled:[516],checked:[516],customId:[513,"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],_checkedValue:[32],toggleChecked:[64]}]);function g(){if(typeof customElements==="undefined"){return}const t=["br-switch"];t.forEach((t=>{switch(t){case"br-switch":if(!customElements.get(t)){customElements.define(t,c)}break}}))}g();const h=c;const d=g;export{h as BrSwitch,d as defineCustomElement};
-//# sourceMappingURL=br-switch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["switchCss","BrSwitchStyle0","Switch","proxyCustomElement","H","this","handleCheckedChange","event","_checkedValue","target","checked","brDidCheckedChange","emit","inheritedAttributes","uuidv4","componentWillLoad","_hasSlotContentDefault","inheritAriaAttributes","el","_slotDefault","innerHTML","toggleChecked","getCssClassMap","icon","hasIcon","top","labelPosition","right","large","density","small","render","h","Host","key","Object","assign","class","id","customId","type","name","disabled","role","toString","onChange","htmlFor","label","labelOn","labelOff"],"sources":["src/components/switch/switch.scss?tag=br-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/switch/switch.scss\";\n\n:host {\n  display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, State, h } from '@stencil/core'\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/switch?tab=designer).\n *\n * @slot default - Descreve o que o switch faz quando a alternância estiver ativada. A label passada por slot tem precedência sobre a propriedade 'label'.\n */\n@Component({\n  tag: 'br-switch',\n  styleUrl: 'switch.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Switch {\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: HTMLBrSwitchElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Desativa o switch, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\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  @Prop({ reflect: true }) checked: boolean = false\n\n  /**\n   * Identificador único do switch.\n   * Caso não seja fornecido, um ID gerado automaticamente será usado.\n   */\n  @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-input-${uuidv4()}`\n\n  /**\n   * Texto descritivo.\n   * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n   */\n  @Prop() label: string\n\n  /**\n   * Posição do rótulo em relação ao switch.\n   */\n  @Prop({ reflect: true }) labelPosition: 'right' | 'left' | 'top' = 'left'\n\n  /**\n   * Texto exibido quando o switch está ativado.\n   */\n  @Prop({ reflect: true }) labelOn: string\n\n  /**\n   * Texto exibido quando o switch está desativado.\n   */\n  @Prop({ reflect: true }) labelOff: string\n\n  /**\n   * Adiciona um ícone ao switch para indicar a mudança de estado.\n   */\n  @Prop({ reflect: true }) hasIcon: boolean = false\n\n  /**\n   * Define o nome do switch, que é utilizado para agrupar switches 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  @Prop({ reflect: true }) name: string\n\n  /**\n   * Define o valor associado ao switch quando ele faz parte de um formulário nativo (`<form>`).\n   * Esse valor é enviado com o formulário quando o switch está selecionado.\n   * **Nota:** Esta propriedade não deve ser utilizada para determinar se o switch está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n   */\n  @Prop({ reflect: true }) value: string\n\n  /** O ajuste da densidade consiste em aumentar ou reduzir a área de interação do switch. Quanto menor for a densidade, maior a área de interação. */\n  @Prop({ reflect: true }) density: 'large' | 'medium' | 'small' = 'medium'\n\n  // Propriedade interna para verificar a presença de conteúdo no slot default\n  @State() _slotDefault: boolean = false\n\n  @State() _checkedValue: boolean\n\n  componentWillLoad() {\n    this._hasSlotContentDefault()\n    this._checkedValue = this.checked\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Disparado depois que o valor do `checked` foi alterado\n   */\n  @Event() brDidCheckedChange: EventEmitter<boolean>\n  private _hasSlotContentDefault(): any {\n    this._slotDefault = this.el.innerHTML !== ''\n  }\n\n  private readonly handleCheckedChange = (event: Event) => {\n    this._checkedValue = (event.target as HTMLInputElement).checked\n    this.brDidCheckedChange.emit(this._checkedValue)\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this._checkedValue = !this._checkedValue\n    this.brDidCheckedChange.emit(this._checkedValue)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-switch': true,\n      icon: this.hasIcon,\n      top: this.labelPosition === 'top',\n      right: this.labelPosition === 'right',\n      large: this.density === 'large',\n      small: this.density === 'small',\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <input\n            id={this.customId}\n            type=\"checkbox\"\n            name={this.name}\n            checked={this._checkedValue}\n            disabled={this.disabled}\n            role=\"switch\"\n            aria-checked={this._checkedValue.toString()}\n            aria-disabled={this.disabled ? 'true' : null}\n            onChange={this.handleCheckedChange}\n          />\n          <label htmlFor={this.customId}>{this._slotDefault ? <slot></slot> : this.label}</label>\n          {this.labelOn && this.labelOff && (\n            <div class=\"switch-data\" data-enabled={this.labelOn} data-disabled={this.labelOff}></div>\n          )}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;wIAAA,MAAMA,EAAY,uldAClB,MAAAC,EAAeD,E,MCeFE,EAAMC,EAAA,MAAAD,UAAAE,E,sKAuFAC,KAAAC,oBAAuBC,IACtCF,KAAKG,cAAiBD,EAAME,OAA4BC,QACxDL,KAAKM,mBAAmBC,KAAKP,KAAKG,cAAc,EAuB1CH,KAAAQ,oBAAkC,G,cApGG,M,aAMD,M,cAMiB,YAAYC,M,wCAWN,O,4DAevB,M,sDAgBqB,S,kBAGhC,M,6BAIjC,iBAAAC,GACEV,KAAKW,yBACLX,KAAKG,cAAgBH,KAAKK,QAC1BL,KAAKQ,oBAAsBI,EAAsBZ,KAAKa,G,CAOhD,sBAAAF,GACNX,KAAKc,aAAed,KAAKa,GAAGE,YAAc,E,CAY5C,mBAAMC,GACJhB,KAAKG,eAAiBH,KAAKG,cAC3BH,KAAKM,mBAAmBC,KAAKP,KAAKG,c,CAG5B,cAAAc,GACN,MAAO,CACL,YAAa,KACbC,KAAMlB,KAAKmB,QACXC,IAAKpB,KAAKqB,gBAAkB,MAC5BC,MAAOtB,KAAKqB,gBAAkB,QAC9BE,MAAOvB,KAAKwB,UAAY,QACxBC,MAAOzB,KAAKwB,UAAY,Q,CAM5B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOhC,KAAKiB,kBAAsBjB,KAAKQ,qBAC1CmB,EAAA,SAAAE,IAAA,2CACEI,GAAIjC,KAAKkC,SACTC,KAAK,WACLC,KAAMpC,KAAKoC,KACX/B,QAASL,KAAKG,cACdkC,SAAUrC,KAAKqC,SACfC,KAAK,SAAQ,eACCtC,KAAKG,cAAcoC,WAAU,gBAC5BvC,KAAKqC,SAAW,OAAS,KACxCG,SAAUxC,KAAKC,sBAEjB0B,EAAA,SAAAE,IAAA,2CAAOY,QAASzC,KAAKkC,UAAWlC,KAAKc,aAAea,EAAA,aAAgB3B,KAAK0C,OACxE1C,KAAK2C,SAAW3C,KAAK4C,UACpBjB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAa,eAAehC,KAAK2C,QAAO,gBAAiB3C,KAAK4C,Y","ignoreList":[]}

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

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

package/dist/components/br-tag.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as a,H as r,d as t,h as e,c as i}from"./p-fabd9bdd.js";import{i as o}from"./p-74a4eb38.js";import{d as n}from"./p-67617725.js";import{d as s}from"./p-b4b55ab7.js";const g="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-tag{--tag-size:var(--tag-medium);--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3xh);--tag-large:var(--spacing-scale-4xh);-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small:var(--spacing-scale-baseh);--tag-medium:var(--spacing-scale-2x);--tag-large:var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3x);--tag-large:var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small:var(--spacing-scale-3xh);--tag-medium:var(--spacing-scale-4x);--tag-large:var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.is-highlight,.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host{display:block}:host .tag-position{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}:host .tag-spacing-status{margin-left:var(--spacing-scale-half) !important}";const l=g;const c=a(class a extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.brWillLoad=t(this,"brWillLoad",7);this.elementInternals=this.attachInternals();this.inheritedAttributes={};this.handleClose=()=>{this.el.remove()};this.label="";this.iconName="";this.color="";this.density="small";this.shape="default";this.status=false;this.interaction=false;this.disabled=false;this.stateIconName="fa-solid:car"}componentWillLoad(){this.brWillLoad.emit();this.inheritedAttributes=o(this.el)}getCssClassMap(){const a={"br-tag":true,interaction:this.interaction,[this.color]:this.color!=="",small:this.density==="small",medium:this.density==="medium",large:this.density==="large",count:this.shape==="rounded"?true:false,icon:this.shape==="circle"?true:false,status:this.status};return a}renderIcon(){if(this.iconName.trim().length===0)return null;return e("br-icon",{style:{fontSize:"var(--icon-size-base)"},"icon-name":this.iconName,"aria-hidden":"true"})}renderLabel(){if(this.shape==="circle"||this.status)return null;return e("span",{id:"interactivetag1","aria-label":this.label},this.label)}renderCloseButton(){if(!this.interaction)return null;return e("br-button",{type:"button",shape:"circle",emphasis:!this.interaction?"tertiary":"primary","aria-label":"Fechar",colorMode:!this.interaction?"dark":null,"aria-describedby":"interactivetag1",onClick:this.handleClose,disabled:this.disabled},e("br-icon",{"icon-name":"fa-solid:times"}))}renderStatusLabel(){if(!this.status)return null;return e("span",{class:"tag-spacing-status",id:"interactivetag1","aria-label":this.label},this.label)}render(){return e(i,{key:"45fbabb9a2a4ac08101df0a9dbfb08de2440bdb6"},e("div",{key:"d7cd66126a75d9baa4ac983d1cf79c2e794c2a49",class:"tag-position"},e("span",Object.assign({key:"f28d65ea9b14002350ebf4002de534d6ea567786",class:this.getCssClassMap()},this.inheritedAttributes,{role:"alert","aria-live":"assertive"}),this.renderIcon(),this.renderLabel(),this.renderCloseButton(),e("slot",{key:"751ed1841c55583a873b293b862b4b816dd972c8"})),this.renderStatusLabel()))}static get formAssociated(){return true}get el(){return this}static get style(){return l}},[65,"br-tag",{label:[513],iconName:[513,"icon-name"],color:[513],density:[513],shape:[513],status:[516],interaction:[516],disabled:[516],stateIconName:[32]}]);function d(){if(typeof customElements==="undefined"){return}const a=["br-tag","br-button","br-icon"];a.forEach((a=>{switch(a){case"br-tag":if(!customElements.get(a)){customElements.define(a,c)}break;case"br-button":if(!customElements.get(a)){n()}break;case"br-icon":if(!customElements.get(a)){s()}break}}))}d();const v=c;const b=d;export{v as BrTag,b as defineCustomElement};
-//# sourceMappingURL=br-tag.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tagCss","BrTagStyle0","Tag","proxyCustomElement","H","this","inheritedAttributes","handleClose","el","remove","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n  display: block;\n\n  .tag-position {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n  }\n  .tag-spacing-status {\n    margin-left: var(--spacing-scale-half) !important;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\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/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n  tag: 'br-tag',\n  styleUrl: 'tag.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Tag {\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: HTMLBrTagElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n   * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n   */\n  @Prop({ reflect: true }) label: string = ''\n\n  /**\n   * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n   * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n   */\n  @Prop({ reflect: true }) iconName: string = ''\n\n  /**\n   * A propriedade 'color' permite definir a cor do componente.\n   * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) color: string = ''\n\n  /**\n   * A propriedade 'density' permite definir a densidade do componente.\n   * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n   */\n  @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n  /**\n   * A propriedade 'shape' define o formato do componente.\n   * Valores possíveis:\n   * - 'circle': Componente com formato circular.\n   * - 'rounded': Componente com bordas arredondadas.\n   * - 'default': Componente com formato padrão.\n   */\n  @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n  /**\n   * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n   * Se definido como true, o status será mostrado ao lado do texto.\n   */\n  @Prop({ reflect: true }) status: boolean = false\n\n  /**\n   * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n   * Se definido como true, o componente permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) interaction: boolean = false\n\n  /**\n   * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n   * Se definido como true, o componente não permitirá interações do usuário.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  @State() stateIconName: string = 'fa-solid:car'\n\n  /**\n   * Emite um evento antes que o componente seja carregado pela primeira vez.\n   * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n   */\n  @Event() brWillLoad: EventEmitter<void>\n  componentWillLoad() {\n    this.brWillLoad.emit()\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  private getCssClassMap(): CssClassMap {\n    const classes: CssClassMap = {\n      'br-tag': true,\n      interaction: this.interaction,\n      [this.color]: this.color !== '',\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n      count: this.shape === 'rounded' ? true : false,\n      icon: this.shape === 'circle' ? true : false,\n      status: this.status,\n    }\n\n    return classes\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderIcon() {\n    if (this.iconName.trim().length === 0) return null\n    return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n  }\n\n  private renderLabel() {\n    if (this.shape === 'circle' || this.status) return null\n    return (\n      <span id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private renderCloseButton() {\n    if (!this.interaction) return null\n    return (\n      <br-button\n        type=\"button\"\n        shape=\"circle\"\n        emphasis={!this.interaction ? 'tertiary' : 'primary'}\n        aria-label=\"Fechar\"\n        colorMode={!this.interaction ? 'dark' : null}\n        aria-describedby=\"interactivetag1\"\n        onClick={this.handleClose}\n        disabled={this.disabled}\n      >\n        <br-icon icon-name=\"fa-solid:times\"></br-icon>\n      </br-button>\n    )\n  }\n\n  private renderStatusLabel() {\n    if (!this.status) return null\n    return (\n      <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n        {this.label}\n      </span>\n    )\n  }\n\n  private handleClose = () => {\n    this.el.remove()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"tag-position\">\n          <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n            {this.renderIcon()}\n            {this.renderLabel()}\n            {this.renderCloseButton()}\n            <slot></slot>\n          </span>\n          {this.renderStatusLabel()}\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAS,q7eACf,MAAAC,EAAeD,E,MCeFE,EAAGC,EAAA,MAAAD,UAAAE,E,sJAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,KACpBF,KAAKG,GAAGC,QAAQ,E,WAxHuB,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjC,iBAAAC,GACEL,KAAKM,WAAWC,OAChBP,KAAKC,oBAAsBO,EAAsBR,KAAKG,G,CAGhD,cAAAM,GACN,MAAMC,EAAuB,CAC3B,SAAU,KACVC,YAAaX,KAAKW,YAClB,CAACX,KAAKY,OAAQZ,KAAKY,QAAU,GAC7BC,MAAOb,KAAKc,UAAY,QACxBC,OAAQf,KAAKc,UAAY,SACzBE,MAAOhB,KAAKc,UAAY,QACxBG,MAAOjB,KAAKkB,QAAU,UAAY,KAAO,MACzCC,KAAMnB,KAAKkB,QAAU,SAAW,KAAO,MACvCE,OAAQpB,KAAKoB,QAGf,OAAOV,C,CAKD,UAAAW,GACN,GAAIrB,KAAKsB,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa3B,KAAKsB,SAAQ,cAAc,Q,CAG9F,WAAAM,GACN,GAAI5B,KAAKkB,QAAU,UAAYlB,KAAKoB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAa7B,KAAK8B,OACzC9B,KAAK8B,M,CAKJ,iBAAAC,GACN,IAAK/B,KAAKW,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWjC,KAAKW,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYlC,KAAKW,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASnC,KAAKE,YACdkC,SAAUpC,KAAKoC,UAEfX,EAAA,uBAAmB,mB,CAKjB,iBAAAY,GACN,IAAKrC,KAAKoB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAa7B,KAAK8B,OACpE9B,KAAK8B,M,CASZ,MAAAS,GACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAOtC,KAAKS,kBAAsBT,KAAKC,oBAAmB,CAAE2C,KAAK,QAAO,YAAW,cACtF5C,KAAKqB,aACLrB,KAAK4B,cACL5B,KAAK+B,oBACNN,EAAA,QAAAgB,IAAA,8CAEDzC,KAAKqC,qB","ignoreList":[]}

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

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

package/dist/components/br-textarea.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as a,H as t,h as r,c as e}from"./p-fabd9bdd.js";import{i}from"./p-74a4eb38.js";import{v as o}from"./p-d5a8d30c.js";const n="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-textarea{--textarea-padding:var(--textarea-medium);--textarea-small:var(--spacing-scale-base);--textarea-medium:var(--spacing-scale-baseh);--textarea-large:var(--spacing-scale-2x);color:var(--color)}.br-textarea label{display:inline-block;margin-bottom:var(--spacing-scale-half)}.br-textarea textarea{background:var(--background-light);border:1px solid var(--border-color-alternative);border-radius:6px;color:var(--color);display:block;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);padding:var(--textarea-padding);width:100%}.br-textarea.small textarea{--textarea-padding:var(--textarea-small)}.br-textarea.medium textarea{--textarea-padding:var(--textarea-medium)}.br-textarea.large textarea{--textarea-padding:var(--textarea-large)}.br-textarea.success textarea{border-color:var(--success);border-width:2px}.br-textarea.danger textarea{border-color:var(--danger);border-width:2px}.br-textarea.warning textarea{border-color:var(--warning);border-width:2px}.br-textarea.info textarea{border-color:var(--info);border-width:2px}.br-textarea textarea:focus,.br-textarea textarea:focus-visible{border-color:var(--focus) !important;-webkit-box-shadow:0 0 0 var(--surface-width-md) var(--focus);box-shadow:0 0 0 var(--surface-width-md) var(--focus);outline:none}.br-textarea textarea:hover:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-textarea.dark-mode,.br-textarea.dark-mode label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-textarea.dark-mode textarea{color:var(--color-light)}:host{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Rawline, Raleway, sans-serif}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.elementInternals=this.attachInternals();this.handleChange=a=>{var t;const r=a.target;this.value=r.value;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()};this.inheritedAttributes={};this.value=undefined;this.label=undefined;this.placeholder=undefined;this.disabled=false;this.maxlength=0;this.state=undefined;this.density="medium";this.isInline=false;this.currentLength=undefined;this.customId=`br-textarea-${o()}`}componentWillLoad(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length;this.inheritedAttributes=i(this.el)}valueChanged(){var a;this.currentLength=(a=this.value)===null||a===void 0?void 0:a.length}async setValue(a){var t;this.value=a;this.currentLength=(t=this.value)===null||t===void 0?void 0:t.length;this.emitValueChange()}emitValueChange(){const a=new CustomEvent("valueChange",{detail:{value:this.value},bubbles:true,composed:true});this.el.dispatchEvent(a)}getCssClassMap(){return{"br-textarea":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large",success:this.state==="success",danger:this.state==="danger",warning:this.state==="warning"}}render(){const a=this.maxlength-this.currentLength;const t=this.currentLength>0;return r(e,{key:"175b5dfe33b9624b32700683a6939aa36f56c556"},r("div",Object.assign({key:"554c285ab7f21c8bed90e4280f45709c7abb5ecc",class:this.getCssClassMap()},this.inheritedAttributes),r("div",{key:"ef72baa9ce047ec87fa40b9410ba96e7797f1dc6",class:this.isInline?"row":""},this.isInline?r("div",{class:"col-auto pt-half"},r("label",{htmlFor:this.customId},this.label)):r("label",{htmlFor:this.customId},this.label),r("div",{key:"5a8c6c414089d046d05d1c4d60d833c81898b612",class:this.isInline?"col":""},r("textarea",Object.assign({key:"74e7ba7ea95c3fd184e9152a061e252eed9fc40a",id:this.customId,value:this.value,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleChange},this.maxlength>0?{maxLength:this.maxlength}:{})),r("div",{key:"3a13875598faa7a2eb05a9d67f3fdbd692a22291",class:"text-base mt-1"},this.maxlength>0&&r("div",{key:"b39abedd24e3727ce85b531eb7c8e9ea58268954"},t?r("span",{class:"restantes","aria-live":"polite",role:"status",id:"limitmax"},"Restam ",r("strong",null,a)," caracteres"):r("span",{class:"limit","aria-live":"polite"},"Limite máximo de ",r("strong",null,this.maxlength)," caracteres"))),r("slot",{key:"9965aeddd085909184d974c5829ee21e0651e390"})))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{value:["valueChanged"]}}static get style(){return l}},[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},undefined,{value:["valueChanged"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-textarea"];a.forEach((a=>{switch(a){case"br-textarea":if(!customElements.get(a)){customElements.define(a,s)}break}}))}c();const d=s;const g=c;export{d as BrTextarea,g as defineCustomElement};
-//# sourceMappingURL=br-textarea.js.map