@govbr-ds/webcomponents 2.0.0-next.20 → 2.0.0-next.22

package/dist/webcomponents/p-057dcb7c.system.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js"],(function(a){"use strict";var r,t,e,i,o,n;return{setters:[function(a){r=a.r;t=a.c;e=a.h;i=a.a;o=a.g},function(a){n=a.i}],execute:function(){var 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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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}";var s=g;var l=a("br_tag",function(){function a(a){var e=this;r(this,a);this.brWillLoad=t(this,"brWillLoad",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleClose=function(){e.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"}a.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=n(this.el)};a.prototype.getCssClassMap=function(){var a;var r=(a={"br-tag":true,interaction:this.interaction},a[this.color]=this.color!=="",a.small=this.density==="small",a.medium=this.density==="medium",a.large=this.density==="large",a.count=this.shape==="rounded"?true:false,a.icon=this.shape==="circle"?true:false,a.status=this.status,a);return r};a.prototype.renderIcon=function(){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"})};a.prototype.renderLabel=function(){if(this.shape==="circle"||this.status)return null;return e("span",{id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.renderCloseButton=function(){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"}))};a.prototype.renderStatusLabel=function(){if(!this.status)return null;return e("span",{class:"tag-spacing-status",id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.render=function(){return e(i,{key:"4e078895032e633b6c111bd633222938e6b00a95"},e("div",{key:"3dd682ccfe5eb9533ad82f9d1fd39a2b1357774f",class:"tag-position"},e("span",Object.assign({key:"09f68d7a0a6820f590cfdb04bc75956ee276f426",class:this.getCssClassMap()},this.inheritedAttributes,{role:"alert","aria-live":"assertive"}),this.renderIcon(),this.renderLabel(),this.renderCloseButton(),e("slot",{key:"04a14d8b19926d9d18f3a4f2abe66061c85f5446"})),this.renderStatusLabel()))};Object.defineProperty(a,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return a}());l.style=s}}}));
+//# sourceMappingURL=p-057dcb7c.system.entry.js.map

package/dist/webcomponents/p-057dcb7c.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tagCss","BrTagStyle0","Tag","exports","this","inheritedAttributes","handleClose","_this","el","remove","class_1","prototype","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","_a","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 \"~@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":";;;;gNAAA,IAAMA,EAAS,qifACf,IAAAC,EAAeD,E,ICeFE,EAAGC,EAAA,oB,+PAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,WACpBC,EAAKC,GAAGC,Q,aAxH+B,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjCC,EAAAC,UAAAC,kBAAA,WACER,KAAKS,WAAWC,OAChBV,KAAKC,oBAAsBU,EAAsBX,KAAKI,G,EAGhDE,EAAAC,UAAAK,eAAA,W,MACN,IAAMC,GAAOC,EAAA,CACX,SAAU,KACVC,YAAaf,KAAKe,aAClBD,EAACd,KAAKgB,OAAQhB,KAAKgB,QAAU,GAC7BF,EAAAG,MAAOjB,KAAKkB,UAAY,QACxBJ,EAAAK,OAAQnB,KAAKkB,UAAY,SACzBJ,EAAAM,MAAOpB,KAAKkB,UAAY,QACxBJ,EAAAO,MAAOrB,KAAKsB,QAAU,UAAY,KAAO,MACzCR,EAAAS,KAAMvB,KAAKsB,QAAU,SAAW,KAAO,MACvCR,EAAAU,OAAQxB,KAAKwB,O,GAGf,OAAOX,C,EAKDP,EAAAC,UAAAkB,WAAA,WACN,GAAIzB,KAAK0B,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa/B,KAAK0B,SAAQ,cAAc,Q,EAG9FpB,EAAAC,UAAAyB,YAAA,WACN,GAAIhC,KAAKsB,QAAU,UAAYtB,KAAKwB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAajC,KAAKkC,OACzClC,KAAKkC,M,EAKJ5B,EAAAC,UAAA4B,kBAAA,WACN,IAAKnC,KAAKe,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWrC,KAAKe,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYtC,KAAKe,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASvC,KAAKE,YACdsC,SAAUxC,KAAKwC,UAEfX,EAAA,uBAAmB,mB,EAKjBvB,EAAAC,UAAAkC,kBAAA,WACN,IAAKzC,KAAKwB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAajC,KAAKkC,OACpElC,KAAKkC,M,EASZ5B,EAAAC,UAAAoC,OAAA,WACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAO1C,KAAKY,kBAAsBZ,KAAKC,oBAAmB,CAAE+C,KAAK,QAAO,YAAW,cACtFhD,KAAKyB,aACLzB,KAAKgC,cACLhC,KAAKmC,oBACNN,EAAA,QAAAgB,IAAA,8CAED7C,KAAKyC,qB,kOAlJA,I","ignoreList":[]}

package/dist/webcomponents/p-19b77f11.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{r as t,c as r,h as a,a as e,g as i}from"./p-c3811f09.js";import{i as o}from"./p-74a4eb38.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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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)}:host{display:block;position:relative}:host #trigger{display:inline-block;cursor:pointer}:host #target{display:none;position:absolute;top:100%;left:0}:host([is-open]) #target{display:block}";const l=n;const s=class{constructor(a){t(this,a);this.brDropdownChange=r(this,"brDropdownChange",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.toggle=t=>{t.stopPropagation();this.isOpen=!this.isOpen};this.inheritedAttributes={};this.isOpen=false}isOpenChanged(){this.brDropdownChange.emit({"is-opened":this.isOpen})}connectedCallback(){document.addEventListener("click",this.onClickOutside.bind(this))}componentWillLoad(){this.inheritedAttributes=o(this.el)}disconnectedCallback(){document.removeEventListener("click",this.onClickOutside.bind(this))}getCssClassMap(){return{"br-dropdown":true}}onClickOutside(t){const r=t.composedPath();const a=this.el.shadowRoot.querySelector("#target");if(a&&!r.includes(a)){this.hide()}}async open(){this.isOpen=true;return{isOpen:this.isOpen}}async hide(){this.isOpen=false;return{isOpen:this.isOpen}}render(){return a(e,{key:"1f9920cb3da62d43e35c0cc5fd25f1cf66a0d04c","is-open":this.isOpen},a("div",Object.assign({key:"255b9239a88e3aade90175e14a4a60f36d6f2e5f",class:this.getCssClassMap()},this.inheritedAttributes),a("div",{key:"3dd1404997a97f9357ec5aca71a98b95c52ad1b2",id:"trigger",onClick:this.toggle,"aria-controls":"target","aria-haspopup":"true","aria-expanded":this.isOpen},a("slot",{key:"585d766af3334d6ceb58e7f31e93fb748a52e3ac",name:"trigger"})),a("div",{key:"21eecf44f455e9d67081633d70dcdd790e9e2cd2",id:"target","aria-hidden":!this.isOpen},a("slot",{key:"e506ff60614dabc87a953a9bf9d35ba4b048845f",name:"target"}))))}static get formAssociated(){return true}get el(){return i(this)}static get watchers(){return{isOpen:["isOpenChanged"]}}};s.style=l;export{s as br_dropdown};
+//# sourceMappingURL=p-19b77f11.entry.js.map

package/dist/webcomponents/{p-5539ffa8.entry.js.map → p-19b77f11.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dropdownCss","BrDropdownStyle0","Dropdown","this","toggle","event","stopPropagation","isOpen","inheritedAttributes","isOpenChanged","brDropdownChange","emit","connectedCallback","document","addEventListener","onClickOutside","bind","componentWillLoad","inheritAriaAttributes","el","disconnectedCallback","removeEventListener","getCssClassMap","path","composedPath","dropdownElement","shadowRoot","querySelector","includes","hide","open","render","h","Host","key","Object","assign","class","id","onClick","name"],"sources":["src/components/dropdown/dropdown.scss?tag=br-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n\n  #trigger {\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  #target {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n  }\n}\n\n:host([is-open]) {\n    #target {\n    display: block;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core'\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/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\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: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    this.brDropdownChange.emit({ 'is-opened': this.isOpen })\n  }\n\n  connectedCallback() {\n    document.addEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ 'is-opened': boolean }>\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    const path = event.composedPath()\n    const dropdownElement = this.el.shadowRoot.querySelector('#target')\n\n    if (dropdownElement && !path.includes(dropdownElement)) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host is-open={this.isOpen}>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n          <div id=\"target\" aria-hidden={!this.isOpen}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAc,gkTACpB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,iQAmDFC,KAAAC,OAAUC,IACzBA,EAAMC,kBACNH,KAAKI,QAAUJ,KAAKI,MAAM,EAuCpBJ,KAAAK,oBAAkC,G,YA9EgB,K,CAO1D,aAAAC,GACEN,KAAKO,iBAAiBC,KAAK,CAAE,YAAaR,KAAKI,Q,CAGjD,iBAAAK,GACEC,SAASC,iBAAiB,QAASX,KAAKY,eAAeC,KAAKb,M,CAG9D,iBAAAc,GACEd,KAAKK,oBAAsBU,EAAsBf,KAAKgB,G,CAGxD,oBAAAC,GACEP,SAASQ,oBAAoB,QAASlB,KAAKY,eAAeC,KAAKb,M,CAQzD,cAAAmB,GACN,MAAO,CACL,cAAe,K,CAiBX,cAAAP,CAAeV,GACrB,MAAMkB,EAAOlB,EAAMmB,eACnB,MAAMC,EAAkBtB,KAAKgB,GAAGO,WAAWC,cAAc,WAEzD,GAAIF,IAAoBF,EAAKK,SAASH,GAAkB,CACtDtB,KAAK0B,M,EAUT,UAAMC,GACJ3B,KAAKI,OAAS,KACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CASxB,UAAMsB,GACJ1B,KAAKI,OAAS,MACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CAKxB,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,qDAAU/B,KAAKI,QAClByB,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOlC,KAAKmB,kBAAsBnB,KAAKK,qBAC1CwB,EAAA,OAAAE,IAAA,2CACEI,GAAG,UACHC,QAASpC,KAAKC,OAAM,gBACN,SAAQ,gBACR,OAAM,gBACLD,KAAKI,QAEpByB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEbR,EAAA,OAAAE,IAAA,2CAAKI,GAAG,SAAQ,eAAenC,KAAKI,QAClCyB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,a","ignoreList":[]}
+{"version":3,"names":["dropdownCss","BrDropdownStyle0","Dropdown","this","toggle","event","stopPropagation","isOpen","inheritedAttributes","isOpenChanged","brDropdownChange","emit","connectedCallback","document","addEventListener","onClickOutside","bind","componentWillLoad","inheritAriaAttributes","el","disconnectedCallback","removeEventListener","getCssClassMap","path","composedPath","dropdownElement","shadowRoot","querySelector","includes","hide","open","render","h","Host","key","Object","assign","class","id","onClick","name"],"sources":["src/components/dropdown/dropdown.scss?tag=br-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n\n  #trigger {\n    display: inline-block;\n    cursor: pointer;\n  }\n\n  #target {\n    display: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n  }\n}\n\n:host([is-open]) {\n    #target {\n    display: block;\n  }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Method, Prop, Watch, h } from '@stencil/core'\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/dropdown?tab=designer).\n *\n * @slot trigger - Slot que recebe o elemento acionador\n * @slot target - Slot que recebe o elemento alvo\n */\n@Component({\n  tag: 'br-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Dropdown {\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: HTMLBrDropdownElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Indica se o dropdown está aberto ou fechado.\n   * Esta propriedade é refletida no DOM e pode ser alterada externamente.\n   * O valor padrão é falso (fechado).\n   */\n  @Prop({ reflect: true, mutable: true }) isOpen: boolean = false\n\n  /**\n   * Método chamado sempre que a propriedade `isOpen` muda.\n   * Emite um evento com o novo estado do dropdown.\n   */\n  @Watch('isOpen')\n  isOpenChanged() {\n    this.brDropdownChange.emit({ 'is-opened': this.isOpen })\n  }\n\n  connectedCallback() {\n    document.addEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.onClickOutside.bind(this))\n  }\n\n  /**\n   * Evento emitido quando o estado do dropdown muda.\n   */\n  @Event() brDropdownChange: EventEmitter<{ 'is-opened': boolean }>\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-dropdown': true,\n    }\n  }\n\n  /**\n   * Alterna o estado do dropdown entre aberto e fechado.\n   */\n  private readonly toggle = (event: Event) => {\n    event.stopPropagation()\n    this.isOpen = !this.isOpen\n  }\n\n  /**\n   * Método que lida com cliques fora do dropdown.\n   *\n   * @param {MouseEvent} event - O evento de clique que ocorreu.\n   */\n  private onClickOutside(event: MouseEvent) {\n    const path = event.composedPath()\n    const dropdownElement = this.el.shadowRoot.querySelector('#target')\n\n    if (dropdownElement && !path.includes(dropdownElement)) {\n      this.hide()\n    }\n  }\n\n  /**\n   * Abre o dropdown.\n   * Define a propriedade `isOpen` como verdadeira e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async open(): Promise<{ isOpen: boolean }> {\n    this.isOpen = true\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  /**\n   * Esconde o dropdown.\n   * Define a propriedade `isOpen` como falsa e retorna o novo estado.\n   * Este método é marcado com @Method() para que possa ser chamado externamente.\n   */\n  @Method()\n  async hide(): Promise<{ isOpen: boolean }> {\n    this.isOpen = false\n    return { isOpen: this.isOpen } // Retorna o novo estado\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  render() {\n    return (\n      <Host is-open={this.isOpen}>\n        <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          <div\n            id=\"trigger\"\n            onClick={this.toggle}\n            aria-controls=\"target\"\n            aria-haspopup=\"true\"\n            aria-expanded={this.isOpen}\n          >\n            <slot name=\"trigger\"></slot>\n          </div>\n          <div id=\"target\" aria-hidden={!this.isOpen}>\n            <slot name=\"target\"></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAc,8rTACpB,MAAAC,EAAeD,E,MCeFE,EAAQ,M,iQAmDFC,KAAAC,OAAUC,IACzBA,EAAMC,kBACNH,KAAKI,QAAUJ,KAAKI,MAAM,EAuCpBJ,KAAAK,oBAAkC,G,YA9EgB,K,CAO1D,aAAAC,GACEN,KAAKO,iBAAiBC,KAAK,CAAE,YAAaR,KAAKI,Q,CAGjD,iBAAAK,GACEC,SAASC,iBAAiB,QAASX,KAAKY,eAAeC,KAAKb,M,CAG9D,iBAAAc,GACEd,KAAKK,oBAAsBU,EAAsBf,KAAKgB,G,CAGxD,oBAAAC,GACEP,SAASQ,oBAAoB,QAASlB,KAAKY,eAAeC,KAAKb,M,CAQzD,cAAAmB,GACN,MAAO,CACL,cAAe,K,CAiBX,cAAAP,CAAeV,GACrB,MAAMkB,EAAOlB,EAAMmB,eACnB,MAAMC,EAAkBtB,KAAKgB,GAAGO,WAAWC,cAAc,WAEzD,GAAIF,IAAoBF,EAAKK,SAASH,GAAkB,CACtDtB,KAAK0B,M,EAUT,UAAMC,GACJ3B,KAAKI,OAAS,KACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CASxB,UAAMsB,GACJ1B,KAAKI,OAAS,MACd,MAAO,CAAEA,OAAQJ,KAAKI,O,CAKxB,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,qDAAU/B,KAAKI,QAClByB,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOlC,KAAKmB,kBAAsBnB,KAAKK,qBAC1CwB,EAAA,OAAAE,IAAA,2CACEI,GAAG,UACHC,QAASpC,KAAKC,OAAM,gBACN,SAAQ,gBACR,OAAM,gBACLD,KAAKI,QAEpByB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,aAEbR,EAAA,OAAAE,IAAA,2CAAKI,GAAG,SAAQ,eAAenC,KAAKI,QAClCyB,EAAA,QAAAE,IAAA,2CAAMM,KAAK,a","ignoreList":[]}

package/dist/webcomponents/p-1acbc680.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{r as t,c as r,h as i,a,g as e}from"./p-c3811f09.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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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=class{constructor(i){t(this,i);this.brDidSwitchToggle=r(this,"brDidSwitchToggle",7);if(i.$hostElement$["s-ei"]){this.elementInternals=i.$hostElement$["s-ei"]}else{this.elementInternals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.elementInternals}this.handleCheckedChange=t=>{this._checkedValue=t.target.checked;this.brDidSwitchToggle.emit(this._checkedValue)};this.handleClick=t=>{t.stopPropagation()};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.brDidSwitchToggle.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 i(a,{key:"0c550accde86f8f6bf23d0c13a0abaeca6422123"},i("div",Object.assign({key:"c63172ea2696799e3f3ae55a98598341785bfcce",class:this.getCssClassMap()},this.inheritedAttributes),i("input",{key:"ac86ee46e8ac44de1b9a70bd335822369eabf417",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,onClick:this.handleClick}),i("label",{key:"637d8dbdd7ffc4618a3b5627691c767d7a542134",htmlFor:this.customId},this._slotDefault?i("slot",null):this.label),this.labelOn&&this.labelOff&&i("div",{key:"c201c7a56eee2bce5c41c79bf6df84fb493fe56a",class:"switch-data","data-enabled":this.labelOn,"data-disabled":this.labelOff})))}static get formAssociated(){return true}get el(){return e(this)}};c.style=l;export{c as br_switch};
+//# sourceMappingURL=p-1acbc680.entry.js.map

package/dist/webcomponents/p-1acbc680.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["switchCss","BrSwitchStyle0","Switch","this","handleCheckedChange","event","_checkedValue","target","checked","brDidSwitchToggle","emit","handleClick","stopPropagation","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","onClick","htmlFor","label","labelOn","labelOff"],"sources":["src/components/switch/switch.scss?tag=br-switch&encapsulation=shadow","src/components/switch/switch.tsx"],"sourcesContent":["@import \"~@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() brDidSwitchToggle: 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.brDidSwitchToggle.emit(this._checkedValue)\n  }\n\n  private readonly handleClick = (event: Event) => {\n    event.stopPropagation();\n  }\n\n  /**\n   * Inverte o valor da prop `checked`\n   */\n  @Method()\n  async toggleChecked() {\n    this._checkedValue = !this._checkedValue\n    this.brDidSwitchToggle.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            onClick={this.handleClick}\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":";;;;mIAAA,MAAMA,EAAY,usdAClB,MAAAC,EAAeD,E,MCeFE,EAAM,M,mQAuFAC,KAAAC,oBAAuBC,IACtCF,KAAKG,cAAiBD,EAAME,OAA4BC,QACxDL,KAAKM,kBAAkBC,KAAKP,KAAKG,cAAc,EAGhCH,KAAAQ,YAAeN,IAC9BA,EAAMO,iBAAiB,EAuBjBT,KAAAU,oBAAkC,G,cAxGG,M,aAMD,M,cAMiB,YAAYC,M,wCAWN,O,4DAevB,M,sDAgBqB,S,kBAGhC,M,6BAIjC,iBAAAC,GACEZ,KAAKa,yBACLb,KAAKG,cAAgBH,KAAKK,QAC1BL,KAAKU,oBAAsBI,EAAsBd,KAAKe,G,CAOhD,sBAAAF,GACNb,KAAKgB,aAAehB,KAAKe,GAAGE,YAAc,E,CAgB5C,mBAAMC,GACJlB,KAAKG,eAAiBH,KAAKG,cAC3BH,KAAKM,kBAAkBC,KAAKP,KAAKG,c,CAG3B,cAAAgB,GACN,MAAO,CACL,YAAa,KACbC,KAAMpB,KAAKqB,QACXC,IAAKtB,KAAKuB,gBAAkB,MAC5BC,MAAOxB,KAAKuB,gBAAkB,QAC9BE,MAAOzB,KAAK0B,UAAY,QACxBC,MAAO3B,KAAK0B,UAAY,Q,CAM5B,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAOlC,KAAKmB,kBAAsBnB,KAAKU,qBAC1CmB,EAAA,SAAAE,IAAA,2CACEI,GAAInC,KAAKoC,SACTC,KAAK,WACLC,KAAMtC,KAAKsC,KACXjC,QAASL,KAAKG,cACdoC,SAAUvC,KAAKuC,SACfC,KAAK,SAAQ,eACCxC,KAAKG,cAAcsC,WAAU,gBAC5BzC,KAAKuC,SAAW,OAAS,KACxCG,SAAU1C,KAAKC,oBACf0C,QAAS3C,KAAKQ,cAEhBqB,EAAA,SAAAE,IAAA,2CAAOa,QAAS5C,KAAKoC,UAAWpC,KAAKgB,aAAea,EAAA,aAAgB7B,KAAK6C,OACxE7C,KAAK8C,SAAW9C,KAAK+C,UACpBlB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cAAa,eAAelC,KAAK8C,QAAO,gBAAiB9C,KAAK+C,Y","ignoreList":[]}

package/dist/webcomponents/p-25d82c85.system.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js"],(function(t){"use strict";var a,r,e,i,o,n;return{setters:[function(t){a=t.r;r=t.c;e=t.h;i=t.a;o=t.g},function(t){n=t.i}],execute:function(){var l="*,*::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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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-upload input{display:none}.br-upload .upload-button{--button-radius:100em;--button-xsmall:24px;--button-small:32px;--button-medium:40px;--button-large:48px;--button-size:var(--button-medium);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;border-radius:var(--button-radius);color:var(--interactive);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-semi-bold);height:var(--button-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:0 var(--spacing-scale-3x);position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto;border:var(--surface-width-sm) dashed var(--interactive);border-radius:var(--surface-rounder-sm);display:block;font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);margin-top:var(--spacing-scale-half);max-width:550px;min-height:var(--button-size);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x);text-align:left;width:100%}.br-upload .upload-list{max-width:550px;position:relative}.br-upload .upload-list .content{-ms-flex-item-align:center;align-self:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.br-upload .upload-list .support{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-upload .upload-button:disabled{cursor:not-allowed}.br-upload .upload-button:not(:disabled){--focus-offset:var(--spacing-scale-half)}.br-upload .upload-button:not(:disabled):focus{outline:none}.br-upload .upload-button:not(:disabled):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-upload .upload-button:not(:disabled):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)))}.br-upload .upload-button:not(:disabled):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)))}.br-upload .upload-button.active,.br-upload .upload-button.is-active,.br-upload .upload-button[active]{--hover:var(--hover-dark);background-color:var(--active);color:var(--color-dark)}.br-upload .upload-button.loading{color:transparent !important;cursor:progress}.br-upload .upload-button.loading:not(:disabled):hover{background-image:none}.br-upload .upload-button.loading::before{border-color:var(--interactive) var(--interactive) transparent;border-style:solid}.br-upload .upload-button.loading.primary::before,.br-upload .upload-button.loading.danger::before,.br-upload .upload-button.loading.success::before,.br-upload .upload-button.loading.info::before{border-color:var(--background) var(--background) transparent}.br-upload.success .upload-button{border-color:var(--success)}.br-upload.danger .upload-button{border-color:var(--danger)}.br-upload.warning .upload-button{border-color:var(--warning)}.br-upload.info .upload-button{border-color:var(--info)}:host{display:block}";var s=l;var c;(function(t){t["INFO"]="info";t["WARNING"]="warning";t["DANGER"]="danger";t["SUCCESS"]="success"})(c||(c={}));var d=t("br_upload",function(){function t(t){a(this,t);this.brConnectedCallback=r(this,"brConnectedCallback",7);this.brWillLoad=r(this,"brWillLoad",7);this.brDidLoad=r(this,"brDidLoad",7);this.brWillRender=r(this,"brWillRender",7);this.brDidRender=r(this,"brDidRender",7);this.brShouldUpdate=r(this,"brShouldUpdate",7);this.brWillUpdate=r(this,"brWillUpdate",7);this.brDidUpdate=r(this,"brDidUpdate",7);this.brDidDisconnect=r(this,"brDidDisconnect",7);this.brFormAssociatedCallback=r(this,"brFormAssociatedCallback",7);this.brFormDisabledCallback=r(this,"brFormDisabledCallback",7);this.brFormResetCallback=r(this,"brFormResetCallback",7);this.brFormStateRestoreCallback=r(this,"brFormStateRestoreCallback",7);if(t.$hostElement$["s-ei"]){this.elementInternals=t.$hostElement$["s-ei"]}else{this.elementInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.accept="";this.label="Envio de arquivo";this.filesSelected=null;this.file=null;this.disabled=false;this.state=c.INFO;this.multiple=false}t.prototype.connectedCallback=function(){this.brConnectedCallback.emit()};t.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=n(this.el)};t.prototype.componentDidLoad=function(){this.brDidLoad.emit()};t.prototype.componentWillRender=function(){this.brWillRender.emit()};t.prototype.componentDidRender=function(){this.brDidRender.emit()};t.prototype.componentShouldUpdate=function(){this.brShouldUpdate.emit()};t.prototype.componentWillUpdate=function(){this.brWillUpdate.emit()};t.prototype.componentDidUpdate=function(){this.brDidUpdate.emit()};t.prototype.disconnectedCallback=function(){this.brDidDisconnect.emit()};t.prototype.formAssociatedCallback=function(t){this.brFormAssociatedCallback.emit(t)};t.prototype.formDisabledCallback=function(t){this.brFormDisabledCallback.emit(t)};t.prototype.formResetCallback=function(){this.brFormResetCallback.emit()};t.prototype.formStateRestoreCallback=function(t,a){this.brFormStateRestoreCallback.emit([t,a])};t.prototype.getCssClassMap=function(){var t;return t={"br-upload":true},t[this.state]=true,t};t.prototype.handleRemoveFileSelection=function(t){var a=Array.from(this.filesSelected).filter((function(a){return a!==t}));this.filesSelected=a;var r=this.el.shadowRoot.getElementById("single-file");r.value=""};t.prototype.renderFilesUploaded=function(){var t=this;var a=this._calculateFileSize(this.filesSelected);return a.map((function(a){var r=a.file,i=a.size;return e("div",{class:"br-item d-flex",key:r.name},e("div",{class:"content text-primary-default mr-auto"},r.name),e("div",{class:"support mr-n2"},e("span",{class:""},i),e("br-button",{shape:"circle",type:"button","aria-label":"Remover arquivo",onClick:function(){return t.handleRemoveFileSelection(r)}},e("br-icon",{"icon-name":"fa-solid:trash","aria-hidden":"true"}))))}))};t.prototype.onInputChange=function(t){if(t.length===1){this.filesSelected=t}else if(t.length>0){this.filesSelected=t}else{console.error(t.length===0?"NENHUM ARQUIVO ENVIADO":"VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ");return false}};t.prototype._calculateFileSize=function(t){return Array.from(t).map((function(t){var a="";var r=["KB","MB","GB","TB"];var e=0;var i=t.size/1024;if(i<1){a="".concat(t.size," bytes")}else{while(i>1&&e<r.length){a="".concat(i.toFixed(2)," ").concat(r[e]);i/=1024;e++}}return{file:t,size:a||0}}))};t.prototype.handleDrop=function(t){var a;t.preventDefault();var r=(a=t.dataTransfer)===null||a===void 0?void 0:a.files;if(r&&r.length>0){this.onInputChange(r)}};t.prototype.handleDragOver=function(t){t.preventDefault()};t.prototype.handleFileSelection=function(){var t=this.el.shadowRoot.getElementById("single-file");t.click()};t.prototype.render=function(){var t=this;return e(i,{key:"02b2a02a1e5a01541f274af27a252df11b997533"},e("div",{key:"18dc309308da75b0b3c83d0c1064bb78eb539aee",class:this.getCssClassMap()},e("label",{key:"c8cd9c1f4ab8af73f3caccdc72af81ba9c9b5845",class:"upload-label",form:"single-file"},e("span",{key:"1ce6051408c897ca48fb782c2da53a21658c6c1e"},this.label)),e("button",{key:"c0ab9d74e4f4182dacac708ec29f024fcfef9f24",class:"upload-button",type:"button","aria-hidden":"true",tabIndex:this.disabled?-1:0,disabled:this.disabled,"aria-label":"Selecionar arquivo para upload",onClick:function(){return t.handleFileSelection()},onDrop:function(a){return t.handleDrop(a)},onDragOver:function(a){return t.handleDragOver(a)}},e("br-icon",{key:"9d18e764dd75896fc54ad49214bc7b6697a84087","icon-name":"fa-solid:upload",height:"16","aria-hidden":"true"}),e("span",{key:"41867f8e64071e62f632ca02b9093bbb60f71e51"},"Selecione o arquivo")),e("input",Object.assign({key:"20b2c8cbceea55c0756978da246d53fd923fbed8",class:"upload-input",id:"single-file",type:"file","aria-hidden":"null","aria-label":"enviar arquivo",onChange:function(a){return t.onInputChange(a.target.files)}},this.inheritedAttributes,{multiple:this.multiple,disabled:this.disabled,accept:this.accept})),e("div",{key:"4b627eadceade14860def5aaa9ae69c05b000832",id:"list-files",class:"upload-list"},this.filesSelected?this.renderFilesUploaded():null)))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return t}());d.style=s}}}));
+//# sourceMappingURL=p-25d82c85.system.entry.js.map

package/dist/webcomponents/p-25d82c85.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["uploadCss","BrUploadStyle0","UploadState","Upload","exports","this","inheritedAttributes","INFO","class_1","prototype","connectedCallback","brConnectedCallback","emit","componentWillLoad","brWillLoad","inheritAriaAttributes","el","componentDidLoad","brDidLoad","componentWillRender","brWillRender","componentDidRender","brDidRender","componentShouldUpdate","brShouldUpdate","componentWillUpdate","brWillUpdate","componentDidUpdate","brDidUpdate","disconnectedCallback","brDidDisconnect","formAssociatedCallback","form","brFormAssociatedCallback","formDisabledCallback","disabled","brFormDisabledCallback","formResetCallback","brFormResetCallback","formStateRestoreCallback","state","_mode","brFormStateRestoreCallback","getCssClassMap","_b","handleRemoveFileSelection","file","newArrayFilter","Array","from","filesSelected","filter","f","fileInput","shadowRoot","getElementById","value","renderFilesUploaded","_this","fileSizes","_calculateFileSize","map","size","h","class","key","name","shape","type","onClick","onInputChange","files","length","console","error","sOutput","aMultiples","nMultiple","nApprox","concat","toFixed","handleDrop","event","preventDefault","_a","dataTransfer","handleDragOver","handleFileSelection","click","render","Host","label","tabIndex","onDrop","onDragOver","height","Object","assign","id","onChange","$event","target","multiple","accept"],"sources":["src/components/upload/upload.scss?tag=br-upload&encapsulation=shadow","src/components/upload/upload.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/upload/upload.scss\";\n\n:host {\n  display: block;\n}\n","// Start of Selection\nimport { 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\nenum UploadState {\n  INFO = 'info',\n  WARNING = 'warning',\n  DANGER = 'danger',\n  SUCCESS = 'success',\n}\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/upload?tab=designer).\n *\n * @slot default - Descrição do slot\n */\n@Component({\n  tag: 'br-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Upload {\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!: HTMLBrUploadElement\n\n  /**\n   * Tipos de arquivo permitidos (ex: 'image/*').\n   * Esta propriedade define quais tipos de arquivos podem ser selecionados para upload.\n   */\n  @Prop() accept: string = ''\n\n  /**\n   * Texto descritivo do campo de upload.\n   * Este é o texto que é mostrado no label do textarea.\n   */\n  @Prop() label: string = 'Envio de arquivo'\n\n  /**\n   * Evento emitido quando um arquivo é selecionado.\n   * Este estado armazena os arquivos que foram selecionados pelo usuário.\n   */\n  @State() filesSelected: FileList | null = null\n\n  /**\n   * Referência ao elemento de arquivo selecionado.\n   * Este estado armazena o arquivo que foi selecionado para upload.\n   */\n  @State() file: File | null = null\n\n  /**\n   * Indica se o componente está desativado.\n   * Quando definido como `true`, o campo de upload se torna não interativo,\n   * impedindo que o usuário selecione ou envie arquivos.\n   * Isso é útil para controlar a interação do usuário em situações específicas,\n   * como durante o carregamento de dados ou quando o formulário está em um estado inválido.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Define o estado visual da mensagem.\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: string = UploadState.INFO\n\n  /**\n   * Indica se o componente permite a seleção de múltiplos arquivos.\n   * Quando definido como `true`, o usuário pode selecionar mais de um arquivo para upload.\n   */\n  @Prop() multiple: boolean = false\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Emite um evento quando o componente é conectado ao DOM.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#connectedcallback) para mais detalhes.\n   */\n  @Event() brConnectedCallback: EventEmitter<void>\n  connectedCallback() {\n    this.brConnectedCallback.emit()\n  }\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  /**\n   * Emite um evento após o componente ter sido carregado pela primeira vez.\n   * Utilize este evento para realizar ações que devem ocorrer depois que o componente foi totalmente carregado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidload) para mais detalhes.\n   */\n  @Event() brDidLoad: EventEmitter<void>\n  componentDidLoad() {\n    this.brDidLoad.emit()\n  }\n\n  /**\n   * Emite um evento antes do componente ser renderizado.\n   * Utilize este evento para preparar o componente antes de sua renderização.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillrender) para mais detalhes.\n   */\n  @Event() brWillRender: EventEmitter<void>\n  componentWillRender() {\n    this.brWillRender.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido renderizado.\n   * Utilize este evento para executar ações que devem ocorrer após a renderização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidrender) para mais detalhes.\n   */\n  @Event() brDidRender: EventEmitter<void>\n  componentDidRender() {\n    this.brDidRender.emit()\n  }\n\n  /**\n   * Emite um evento para indicar se o componente deve ser atualizado ou não.\n   * Este evento é chamado antes de qualquer atualização do componente para decidir se a atualização deve prosseguir.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentshouldupdate) para mais detalhes.\n   */\n  @Event() brShouldUpdate: EventEmitter<void>\n  componentShouldUpdate() {\n    this.brShouldUpdate.emit()\n  }\n\n  /**\n   * Emite um evento antes de o componente ser atualizado.\n   * Utilize este evento para realizar ações preparatórias antes da atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillupdate) para mais detalhes.\n   */\n  @Event() brWillUpdate: EventEmitter<void>\n  componentWillUpdate() {\n    this.brWillUpdate.emit()\n  }\n\n  /**\n   * Emite um evento após o componente ter sido atualizado.\n   * Utilize este evento para realizar ações após a atualização do componente.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentdidupdate) para mais detalhes.\n   */\n  @Event() brDidUpdate: EventEmitter<void>\n  componentDidUpdate() {\n    this.brDidUpdate.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é desconectado do DOM.\n   * Utilize este evento para realizar a limpeza ou outras ações necessárias quando o componente é removido.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#disconnectedcallback) para mais detalhes.\n   */\n  @Event() brDidDisconnect: EventEmitter<void>\n  disconnectedCallback() {\n    this.brDidDisconnect.emit()\n  }\n\n  /**\n   * Emite um evento quando o componente é associado ou removido de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formassociatedcallback) para mais detalhes.\n   *\n   * @param form - Dados do formulário associado.\n   */\n  @Event() brFormAssociatedCallback: EventEmitter<FormData>\n  formAssociatedCallback(form: FormData) {\n    this.brFormAssociatedCallback.emit(form)\n  }\n\n  /**\n   * Emite um evento quando o estado `disabled` do componente muda dentro de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formdisabledcallback) para mais informações.\n   *\n   * @param disabled - Novo estado `disabled` do componente dentro do formulário.\n   */\n  @Event() brFormDisabledCallback: EventEmitter<boolean>\n  formDisabledCallback(disabled: boolean) {\n    this.brFormDisabledCallback.emit(disabled)\n  }\n\n  /**\n   * Emite um evento quando um `<form>` é resetado.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formresetcallback) para mais detalhes.\n   */\n  @Event() brFormResetCallback: EventEmitter<void>\n  formResetCallback() {\n    this.brFormResetCallback.emit()\n  }\n\n  /**\n   * Emite um evento quando o navegador preenche automaticamente os campos de um `<form>`.\n   * Consulte a documentação do [Stencil](https://stenciljs.com/docs/form-associated#formstaterestorecallback) para mais informações.\n   *\n   * @param state - Estado restaurado do formulário.\n   * @param _mode - Modo de preenchimento automático do navegador.\n   */\n  @Event() brFormStateRestoreCallback: EventEmitter<[state: string, _mode: string]>\n  formStateRestoreCallback(state: string, _mode: string) {\n    this.brFormStateRestoreCallback.emit([state, _mode])\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-upload': true,\n      [this.state]: true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private handleRemoveFileSelection(file: File) {\n    const newArrayFilter = Array.from(this.filesSelected).filter((f) => f !== file)\n    this.filesSelected = newArrayFilter as unknown as FileList\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.value = ''\n  }\n\n  private renderFilesUploaded() {\n    const fileSizes = this._calculateFileSize(this.filesSelected)\n\n    return fileSizes.map(({ file, size }) => {\n      return (\n        <div class=\"br-item d-flex\" key={file.name}>\n          <div class=\"content text-primary-default mr-auto\">{file.name}</div>\n          <div class=\"support mr-n2\">\n            <span class=\"\">{size}</span>\n            <br-button\n              shape=\"circle\"\n              type=\"button\"\n              aria-label=\"Remover arquivo\"\n              onClick={() => this.handleRemoveFileSelection(file)}\n            >\n              <br-icon icon-name=\"fa-solid:trash\" aria-hidden=\"true\"></br-icon>\n            </br-button>\n          </div>\n        </div>\n      )\n    })\n  }\n\n  private onInputChange(files: FileList) {\n    if (files.length === 1) {\n      this.filesSelected = files\n    } else if (files.length > 0) {\n      this.filesSelected = files\n    } else {\n      console.error(files.length === 0 ? 'NENHUM ARQUIVO ENVIADO' : 'VOCÊ SÓ PODE ENVIAR UM ARQUIVO POR VEZ')\n\n      return false\n    }\n  }\n\n  private _calculateFileSize(files: FileList) {\n    return Array.from(files).map((file) => {\n      let sOutput = ''\n      const aMultiples = ['KB', 'MB', 'GB', 'TB']\n      let nMultiple = 0\n      let nApprox = file.size / 1024\n\n      if (nApprox < 1) {\n        sOutput = `${file.size} bytes`\n      } else {\n        while (nApprox > 1 && nMultiple < aMultiples.length) {\n          sOutput = `${nApprox.toFixed(2)} ${aMultiples[nMultiple]}`\n          nApprox /= 1024\n          nMultiple++\n        }\n      }\n\n      return { file: file, size: sOutput || 0 }\n    })\n  }\n\n  private handleDrop(event: DragEvent) {\n    event.preventDefault()\n    const files = event.dataTransfer?.files\n    if (files && files.length > 0) {\n      this.onInputChange(files)\n    }\n  }\n\n  private handleDragOver(event: DragEvent) {\n    event.preventDefault()\n  }\n\n  private handleFileSelection() {\n    const fileInput = this.el.shadowRoot.getElementById('single-file') as HTMLInputElement\n    fileInput.click()\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getCssClassMap()}>\n          <label class=\"upload-label\" form=\"single-file\">\n            <span>{this.label}</span>\n          </label>\n          <button\n            class=\"upload-button\"\n            type=\"button\"\n            aria-hidden=\"true\"\n            tabIndex={this.disabled ? -1 : 0}\n            disabled={this.disabled}\n            aria-label=\"Selecionar arquivo para upload\"\n            onClick={() => this.handleFileSelection()}\n            onDrop={(event) => this.handleDrop(event)}\n            onDragOver={(event) => this.handleDragOver(event)}\n          >\n            <br-icon icon-name=\"fa-solid:upload\" height=\"16\" aria-hidden=\"true\"></br-icon>\n            <span>Selecione o arquivo</span>\n          </button>\n\n          <input\n            class=\"upload-input\"\n            id=\"single-file\"\n            type=\"file\"\n            aria-hidden=\"null\"\n            aria-label=\"enviar arquivo\"\n            onChange={($event: any) => this.onInputChange($event.target.files)}\n            {...this.inheritedAttributes}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            accept={this.accept}\n          />\n          <div id=\"list-files\" class=\"upload-list\">\n            {this.filesSelected ? this.renderFilesUploaded() : null}\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;gNAAA,IAAMA,EAAY,w3ZAClB,IAAAC,EAAeD,ECKf,IAAKE,GAAL,SAAKA,GACHA,EAAA,eACAA,EAAA,qBACAA,EAAA,mBACAA,EAAA,oBACD,EALD,CAAKA,MAAW,K,IAkBHC,EAAMC,EAAA,uB,41BAuMTC,KAAAC,oBAAkC,G,YA5LjB,G,WAMD,mB,mBAMkB,K,UAMb,K,cASgB,M,WAWJJ,EAAYK,K,cAMzB,K,CAS5BC,EAAAC,UAAAC,kBAAA,WACEL,KAAKM,oBAAoBC,M,EAS3BJ,EAAAC,UAAAI,kBAAA,WACER,KAAKS,WAAWF,OAChBP,KAAKC,oBAAsBS,EAAsBV,KAAKW,G,EASxDR,EAAAC,UAAAQ,iBAAA,WACEZ,KAAKa,UAAUN,M,EASjBJ,EAAAC,UAAAU,oBAAA,WACEd,KAAKe,aAAaR,M,EASpBJ,EAAAC,UAAAY,mBAAA,WACEhB,KAAKiB,YAAYV,M,EASnBJ,EAAAC,UAAAc,sBAAA,WACElB,KAAKmB,eAAeZ,M,EAStBJ,EAAAC,UAAAgB,oBAAA,WACEpB,KAAKqB,aAAad,M,EASpBJ,EAAAC,UAAAkB,mBAAA,WACEtB,KAAKuB,YAAYhB,M,EASnBJ,EAAAC,UAAAoB,qBAAA,WACExB,KAAKyB,gBAAgBlB,M,EAUvBJ,EAAAC,UAAAsB,uBAAA,SAAuBC,GACrB3B,KAAK4B,yBAAyBrB,KAAKoB,E,EAUrCxB,EAAAC,UAAAyB,qBAAA,SAAqBC,GACnB9B,KAAK+B,uBAAuBxB,KAAKuB,E,EAQnC3B,EAAAC,UAAA4B,kBAAA,WACEhC,KAAKiC,oBAAoB1B,M,EAW3BJ,EAAAC,UAAA8B,yBAAA,SAAyBC,EAAeC,GACtCpC,KAAKqC,2BAA2B9B,KAAK,CAAC4B,EAAOC,G,EAGvCjC,EAAAC,UAAAkC,eAAA,W,MACN,OAAAC,EAAA,CACE,YAAa,MACbA,EAACvC,KAAKmC,OAAQ,K,GAMVhC,EAAAC,UAAAoC,0BAAA,SAA0BC,GAChC,IAAMC,EAAiBC,MAAMC,KAAK5C,KAAK6C,eAAeC,QAAO,SAACC,GAAM,OAAAA,IAAMN,CAAN,IACpEzC,KAAK6C,cAAgBH,EACrB,IAAMM,EAAYhD,KAAKW,GAAGsC,WAAWC,eAAe,eACpDF,EAAUG,MAAQ,E,EAGZhD,EAAAC,UAAAgD,oBAAA,eAAAC,EAAArD,KACN,IAAMsD,EAAYtD,KAAKuD,mBAAmBvD,KAAK6C,eAE/C,OAAOS,EAAUE,KAAI,SAACjB,G,IAAEE,EAAIF,EAAAE,KAAEgB,EAAIlB,EAAAkB,KAChC,OACEC,EAAA,OAAKC,MAAM,iBAAiBC,IAAKnB,EAAKoB,MACpCH,EAAA,OAAKC,MAAM,wCAAwClB,EAAKoB,MACxDH,EAAA,OAAKC,MAAM,iBACTD,EAAA,QAAMC,MAAM,IAAIF,GAChBC,EAAA,aACEI,MAAM,SACNC,KAAK,SAAQ,aACF,kBACXC,QAAS,WAAM,OAAAX,EAAKb,0BAA0BC,EAA/B,GAEfiB,EAAA,uBAAmB,iBAAgB,cAAa,W,KAQpDvD,EAAAC,UAAA6D,cAAA,SAAcC,GACpB,GAAIA,EAAMC,SAAW,EAAG,CACtBnE,KAAK6C,cAAgBqB,C,MAChB,GAAIA,EAAMC,OAAS,EAAG,CAC3BnE,KAAK6C,cAAgBqB,C,KAChB,CACLE,QAAQC,MAAMH,EAAMC,SAAW,EAAI,yBAA2B,0CAE9D,OAAO,K,GAIHhE,EAAAC,UAAAmD,mBAAA,SAAmBW,GACzB,OAAOvB,MAAMC,KAAKsB,GAAOV,KAAI,SAACf,GAC5B,IAAI6B,EAAU,GACd,IAAMC,EAAa,CAAC,KAAM,KAAM,KAAM,MACtC,IAAIC,EAAY,EAChB,IAAIC,EAAUhC,EAAKgB,KAAO,KAE1B,GAAIgB,EAAU,EAAG,CACfH,EAAU,GAAAI,OAAGjC,EAAKgB,KAAI,S,KACjB,CACL,MAAOgB,EAAU,GAAKD,EAAYD,EAAWJ,OAAQ,CACnDG,EAAU,GAAAI,OAAGD,EAAQE,QAAQ,GAAE,KAAAD,OAAIH,EAAWC,IAC9CC,GAAW,KACXD,G,EAIJ,MAAO,CAAE/B,KAAMA,EAAMgB,KAAMa,GAAW,E,KAIlCnE,EAAAC,UAAAwE,WAAA,SAAWC,G,MACjBA,EAAMC,iBACN,IAAMZ,GAAQa,EAAAF,EAAMG,gBAAY,MAAAD,SAAA,SAAAA,EAAEb,MAClC,GAAIA,GAASA,EAAMC,OAAS,EAAG,CAC7BnE,KAAKiE,cAAcC,E,GAIf/D,EAAAC,UAAA6E,eAAA,SAAeJ,GACrBA,EAAMC,gB,EAGA3E,EAAAC,UAAA8E,oBAAA,WACN,IAAMlC,EAAYhD,KAAKW,GAAGsC,WAAWC,eAAe,eACpDF,EAAUmC,O,EAGZhF,EAAAC,UAAAgF,OAAA,eAAA/B,EAAArD,KACE,OACE0D,EAAC2B,EAAI,CAAAzB,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKD,MAAO3D,KAAKsC,kBACfoB,EAAA,SAAAE,IAAA,2CAAOD,MAAM,eAAehC,KAAK,eAC/B+B,EAAA,QAAAE,IAAA,4CAAO5D,KAAKsF,QAEd5B,EAAA,UAAAE,IAAA,2CACED,MAAM,gBACNI,KAAK,SAAQ,cACD,OACZwB,SAAUvF,KAAK8B,UAAY,EAAI,EAC/BA,SAAU9B,KAAK8B,SAAQ,aACZ,iCACXkC,QAAS,WAAM,OAAAX,EAAK6B,qBAAL,EACfM,OAAQ,SAACX,GAAU,OAAAxB,EAAKuB,WAAWC,EAAhB,EACnBY,WAAY,SAACZ,GAAU,OAAAxB,EAAK4B,eAAeJ,EAApB,GAEvBnB,EAAA,WAAAE,IAAA,uDAAmB,kBAAkB8B,OAAO,KAAI,cAAa,SAC7DhC,EAAA,QAAAE,IAAA,oEAGFF,EAAA,QAAAiC,OAAAC,OAAA,CAAAhC,IAAA,2CACED,MAAM,eACNkC,GAAG,cACH9B,KAAK,OAAM,cACC,OAAM,aACP,iBACX+B,SAAU,SAACC,GAAgB,OAAA1C,EAAKY,cAAc8B,EAAOC,OAAO9B,MAAjC,GACvBlE,KAAKC,oBAAmB,CAC5BgG,SAAUjG,KAAKiG,SACfnE,SAAU9B,KAAK8B,SACfoE,OAAQlG,KAAKkG,UAEfxC,EAAA,OAAAE,IAAA,2CAAKiC,GAAG,aAAalC,MAAM,eACxB3D,KAAK6C,cAAgB7C,KAAKoD,sBAAwB,O,kOA5T5C,I","ignoreList":[]}

package/dist/webcomponents/p-27b820ac.system.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js"],(function(a){"use strict";var e,r,t,i,o,n;return{setters:[function(a){e=a.r;r=a.c;t=a.h;i=a.a;o=a.g},function(a){n=a.i}],execute:function(){var 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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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)}";var c=s;var l=a("br_message",function(){function a(a){var t=this;e(this,a);this.brDidClose=r(this,"brDidClose",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.dismissHandler=function(){t.brDidClose.emit();t.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"}a.prototype.componentWillLoad=function(){this.inheritedAttributes=n(this.el)};a.prototype.checkIconState=function(){var a={success:"fa-solid:check-circle",warning:"fa-solid:exclamation-triangle",danger:"fa-solid:times-circle",info:"fa-solid:info-circle"};return a[this.state]||"check-circle"};a.prototype.getCssClassMap=function(){var a;return a={"br-message":true},a[this.state]=true,a};a.prototype.render=function(){var a,e;return t(i,{key:"dc426f384cdacb6c7318ab33f57cf7f20577cc79"},this.isFeedback?t("div",{class:"mb-3"},t("span",Object.assign({class:"feedback ".concat(this.state),role:"alert"},this.inheritedAttributes),this.showIcon?t("br-icon",{class:"icon-space","icon-name":this.checkIconState()}):null,((a=this.message)===null||a===void 0?void 0:a.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"},((e=this.message)===null||e===void 0?void 0:e.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"})))))};Object.defineProperty(a,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return a}());l.style=c}}}));
+//# sourceMappingURL=p-27b820ac.system.entry.js.map

package/dist/webcomponents/p-27b820ac.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["messageCss","BrMessageStyle0","Message","exports","this","dismissHandler","_this","brDidClose","emit","el","remove","inheritedAttributes","class_1","prototype","componentWillLoad","inheritAriaAttributes","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","_c","render","h","Host","key","isFeedback","class","Object","assign","concat","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 \"~@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":";;;;gNAAA,IAAMA,EAAa,+3bACnB,IAAAC,EAAeD,E,ICaFE,EAAOC,EAAA,wB,+PA8DDC,KAAAC,eAAiB,WAChCC,EAAKC,WAAWC,OAChBF,EAAKG,GAAGC,Q,EAoBFN,KAAAO,oBAAkC,G,iEA3DG,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAE5EC,EAAAC,UAAAC,kBAAA,WACEV,KAAKO,oBAAsBI,EAAsBX,KAAKK,G,EAUhDG,EAAAC,UAAAG,eAAA,WACN,IAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQb,KAAKkB,QAAU,c,EAGxBV,EAAAC,UAAAU,eAAA,W,MACN,OAAAC,EAAA,CACE,aAAc,MACdA,EAACpB,KAAKkB,OAAQ,K,GAMlBV,EAAAC,UAAAY,OAAA,W,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFxB,KAAKyB,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAAG,OAAY7B,KAAKkB,OAASY,KAAK,SAAY9B,KAAKO,qBAC1DP,KAAK+B,SAAWT,EAAA,WAASI,MAAM,aAAY,YAAY1B,KAAKY,mBAA+B,OAC3FoB,EAAAhC,KAAKiC,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIZ,EAAA,aAAgBtB,KAAKiC,UAIvDX,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAO1B,KAAKmB,iBAAkBW,KAAK,SAAY9B,KAAKO,qBACtDP,KAAK+B,UACJT,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBtB,KAAKY,iBAAkBuB,OAAO,KAAI,cAAa,UAGvEb,EAAA,OAAKI,MAAM,UAAUI,KAAK,WACvBM,EAAApC,KAAKiC,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBZ,EAAA,WACGtB,KAAKqC,cAAgBf,EAAA,cAAStB,KAAKqC,cACnCrC,KAAKqC,eAAiBrC,KAAKsC,UAAYhB,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsB1B,KAAKqC,cACvCf,EAAA,QAAMI,MAAM,gBAAgB1B,KAAKiC,WAItCjC,KAAKuC,aAAevC,KAAKyB,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWkB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAAS1C,KAAKC,gBACnFqB,EAAA,uBAAmB,iBAAgB,cAAa,Y,kOAxH9C,I","ignoreList":[]}

package/dist/webcomponents/p-2b0430f4.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+import{r,c as t,h as a,a as e,g as i}from"./p-c3811f09.js";const o='*,*::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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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-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}::slotted(br-checkbox){max-width:-moz-fit-content;max-width:-webkit-fit-content;max-width:fit-content;max-height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content}::slotted(br-radio){max-width:-moz-fit-content;max-width:-webkit-fit-content;max-width:fit-content;max-height:-moz-fit-content;max-height:-webkit-fit-content;max-height:fit-content}';const n=o;const l=class{constructor(a){r(this,a);this.brDidClick=t(this,"brDidClick",7);this.brDidSelect=t(this,"brDidSelect",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.hasRadios=false;this.inheritedAttributes={};this.handleClick=r=>{const t=r.target;if(this.disabled){r.preventDefault();r.stopPropagation()}if(this.hasRadios){return}if(this.isButton){this.brDidClick.emit()}else if(this.isInteractive&&!this.isClickInsideInteractiveElement(t)){this.selectedValue=!this.selectedValue;this.brDidSelect.emit({selected:this.selectedValue});this.updateCheckboxes()}r.stopPropagation()};this.disabled=false;this.isActive=false;this.isSelected=false;this.isInteractive=false;this.href=undefined;this.target=undefined;this.isButton=false;this.type=undefined;this.value=undefined;this.density="medium";this.hasSlotDefault=false;this.hasSlotStart=false;this.hasSlotEnd=false;this.selectedValue=false}handleRadioChange(){requestAnimationFrame((()=>{this.updateRadioSelectionState()}))}handleCheckboxChange(r){const t=r.target;if(this.el.contains(t)){this.updateCheckboxSelectionState()}}componentWillLoad(){this.hasSlotContentDefault();this.hasSlotStart=this.hasSlotContent("start");this.hasSlotEnd=this.hasSlotContent("end");this.selectedValue=this.isSelected;if(this.isButton){this.type=this.type||"button"}const r=Array.from(this.el.querySelectorAll("br-radio"));const t=Array.from(this.el.querySelectorAll("br-checkbox"));this.hasRadios=r.length>0;if(this.isSelected){if(t.length>0){t.forEach((r=>r.checked=true))}if(r.length>0){r[0].checked=true}}this.updateRadioSelectionState();this.updateCheckboxSelectionState()}hasSlotContentDefault(){this.hasSlotDefault=this.el.innerHTML!==""}hasSlotContent(r){return this.el.querySelector(`[slot="${r}"]`)!==null}getCssClassMap(){return{"br-item":true,disabled:this.disabled,active:this.isActive,selected:this.selectedValue,"py-3":this.density==="medium","py-4":this.density==="small"}}getTagType(){var r;if(this.isButton){return"button"}if(((r=this.href)===null||r===void 0?void 0:r.length)>0){return"a"}return"div"}getAttributes(){const r=this.getTagType();const t=r==="button"?{type:this.type,value:this.value}:{href:this.href,target:this.target};return Object.assign(Object.assign(Object.assign({},t),{"aria-disabled":this.disabled?"true":null,"aria-current":this.isActive?"true":null,"data-toggle":this.isInteractive?"selection":null,"is-selected":this.selectedValue?true:null}),this.inheritedAttributes)}updateCheckboxSelectionState(){if(this.hasRadios)return;const r=Array.from(this.el.querySelectorAll("br-checkbox"));this.selectedValue=r.some((r=>r.checked));this.brDidSelect.emit({selected:this.selectedValue})}updateRadioSelectionState(){if(!this.hasRadios)return;const r=Array.from(this.el.querySelectorAll("br-radio"));this.selectedValue=r.some((r=>r.checked));this.brDidSelect.emit({selected:this.selectedValue})}isClickInsideInteractiveElement(r){const t="br-checkbox, br-radio, br-input, br-button, br-select, br-textarea";const a=this.el.querySelectorAll(t);return Array.from(a).some((t=>t.contains(r)||r===t))}updateCheckboxes(){const r=Array.from(this.el.querySelectorAll("br-checkbox"));r.forEach((r=>{r.checked=this.selectedValue}))}render(){const r=this.getTagType();const t=this.getAttributes();const i=this.getCssClassMap();return a(e,{key:"f6c1cb0986dd510896aaff3c94a7a6505cc4c30b"},a(r,Object.assign({key:"a3c91de0e8d46cc4cac5c1e7fbaa71bcde79cc23",class:i},t,{onClick:this.handleClick}),this.hasSlotStart||this.hasSlotEnd?a("div",{class:"row align-items-center"},this.hasSlotStart&&a("div",{class:"col-auto"},a("slot",{name:"start"})),a("div",{class:"col"},a("slot",null)),this.hasSlotEnd&&a("div",{class:"col-auto"},a("slot",{name:"end"}))):a("slot",null)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=n;export{l as br_item};
+//# sourceMappingURL=p-2b0430f4.entry.js.map

package/dist/webcomponents/p-2b0430f4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["itemCss","BrItemStyle0","Item","this","hasRadios","inheritedAttributes","handleClick","event","clickedElement","target","disabled","preventDefault","stopPropagation","isButton","brDidClick","emit","isInteractive","isClickInsideInteractiveElement","selectedValue","brDidSelect","selected","updateCheckboxes","handleRadioChange","requestAnimationFrame","updateRadioSelectionState","handleCheckboxChange","el","contains","updateCheckboxSelectionState","componentWillLoad","hasSlotContentDefault","hasSlotStart","hasSlotContent","hasSlotEnd","isSelected","type","radios","Array","from","querySelectorAll","checkboxes","length","forEach","checkbox","checked","hasSlotDefault","innerHTML","slotName","querySelector","getCssClassMap","active","isActive","density","getTagType","_a","href","getAttributes","TagType","baseAttributes","value","Object","assign","some","radio","interactiveSelectors","interactiveElements","render","attributes","classList","h","Host","key","class","onClick","name"],"sources":["src/components/item/item.scss?tag=br-item&encapsulation=shadow","src/components/item/item.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/item/item.scss\";\n\n:host {\n  display: block;\n}\n\n::slotted(br-checkbox) {\n  max-width: fit-content;\n  max-height: fit-content;\n}\n\n::slotted(br-radio) {\n  max-width: fit-content;\n  max-height: fit-content;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Listen, Prop, State, h } from '@stencil/core'\nimport { Attributes } 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/item?tab=designer).\n *\n * @slot default - Área de conteúdo, podendo conter qualquer componente, exceto botões primários e componentes relacionados à navegação (como carrosséis, paginações, abas, menus, etc.).\n *\n * @slot start - Área de recursos visuais, podendo conter elementos como ícones, avatares e mídias.\n *\n * @slot end - Área de recursos complementares, podendo conter componentes interativos, metadados e informações adicionais.\n */\n@Component({\n  tag: 'br-item',\n  styleUrl: 'item.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Item {\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: HTMLBrItemElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Desativa o item, tornando-o não interativo.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false\n\n  /**\n   * Indica se o item está no estado ativo.\n   * Se definido como verdadeiro, o item será exibido como ativo.\n   */\n  @Prop({ reflect: true }) isActive: boolean = false\n\n  /**\n   * Indica se o item está no estado selecionado.\n   * Se definido como verdadeiro, o item será exibido como selecionado.\n   */\n  @Prop({ reflect: true }) isSelected: boolean = false\n\n  /**\n   * Marca o item como interativo, permitindo que toda a superfície do item seja clicável.\n   */\n  @Prop({ reflect: true }) isInteractive: boolean = false\n\n  /**\n   * URL ou caminho para o qual o usuário será direcionado ao clicar no item. Quando definido, o item será renderizado como um link.\n   */\n  @Prop({ reflect: true }) href?: string\n\n  /**\n   * Define o alvo do link quando `href` está presente. Pode ser:\n   * - `_blank` para abrir em uma nova aba,\n   * - `_self` para abrir na mesma aba,\n   * - `_parent` para abrir na aba pai,\n   * - `_top` para abrir na aba superior.\n   */\n  @Prop({ reflect: true }) target?: '_blank' | '_self' | '_parent' | '_top'\n\n  /**\n   * Quando definido como `true`, o item será tratado como um botão.\n   */\n  @Prop({ reflect: true }) isButton: boolean = false\n\n  /**\n   * Tipo do botão, aplicável apenas se `isButton` for `true`. Pode ser:\n   * - `'submit'` para enviar um formulário,\n   * - `'reset'` para redefinir um formulário,\n   * - `'button'` para um botão padrão.\n   */\n  @Prop({ reflect: true, mutable: true }) type: 'submit' | 'reset' | 'button'\n\n  /**\n   *  Define um valor associado ao br-item quando renderizado como um botão, utilizado em contextos de formulário.\n   */\n  @Prop({ reflect: true }) value?: string\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\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() hasSlotDefault: boolean = false\n\n  @State() hasSlotStart: boolean = false\n\n  @State() hasSlotEnd: boolean = false\n\n  // Propriedade interna para armazenar o valor selecionado\n  @State() selectedValue: boolean = false\n\n  // Propriedade para rastrear a presença de rádios dentro do item\n  private hasRadios: boolean = false;\n\n  @Listen('brDidChange', { target: 'document' })\n  handleRadioChange() {\n    requestAnimationFrame(() => {\n      this.updateRadioSelectionState();\n    });\n  }\n\n  @Listen('brDidCheckedChange', { target: 'document' })\n  handleCheckboxChange(event: Event) {\n    const target = event.target as HTMLElement\n\n    if (this.el.contains(target)) {\n      this.updateCheckboxSelectionState();\n    }\n  }\n\n  /**\n   * Evento customizado emitido quando o item é clicado, aplicável apenas se o item for um botão (`<button>`).\n   * Pode ser utilizado para ações personalizadas, exceto quando o item está desativado.\n   */\n  @Event({ composed: true, cancelable: true, bubbles: true }) brDidClick: EventEmitter\n\n  /**\n   * Evento customizado aplicável para todos os tipos de elementos (`div`, `button`, `a`), emitido quando o item é selecionado e desde que a propriedade `isInteractive` esteja presente.\n   */\n  @Event({ bubbles: true, composed: true }) brDidSelect: EventEmitter<{ selected: boolean }>\n\n  componentWillLoad() {\n    this.hasSlotContentDefault()\n    this.hasSlotStart = this.hasSlotContent('start')\n    this.hasSlotEnd = this.hasSlotContent('end')\n    this.selectedValue = this.isSelected\n    if (this.isButton) {\n      this.type = this.type || 'button'\n    }\n    const radios = Array.from(this.el.querySelectorAll('br-radio'));\n    const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));\n    this.hasRadios = radios.length > 0;\n\n    if (this.isSelected) {\n      if(checkboxes.length > 0){\n        checkboxes.forEach((checkbox) => (checkbox.checked = true));\n      }\n      if (radios.length > 0) {\n        radios[0].checked = true;\n      }\n    }\n\n    this.updateRadioSelectionState();\n    this.updateCheckboxSelectionState();\n  }\n\n  private hasSlotContentDefault(): any {\n    this.hasSlotDefault = this.el.innerHTML !== ''\n  }\n\n  private hasSlotContent(slotName: string): boolean {\n    return this.el.querySelector(`[slot=\"${slotName}\"]`) !== null\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-item': true,\n      disabled: this.disabled,\n      active: this.isActive,\n      selected: this.selectedValue,\n      'py-3': this.density === 'medium',\n      'py-4': this.density === 'small',\n    }\n  }\n\n  private readonly inheritedAttributes: Attributes = {}\n\n  private getTagType(): string {\n    if (this.isButton) {\n      return 'button'\n    }\n    if (this.href?.length > 0) {\n      return 'a'\n    }\n    return 'div'\n  }\n\n  private getAttributes() {\n    const TagType = this.getTagType()\n    const baseAttributes =\n      TagType === 'button' ? { type: this.type, value: this.value } : { href: this.href, target: this.target }\n\n    return {\n      ...baseAttributes,\n      'aria-disabled': this.disabled ? 'true' : null,\n      'aria-current': this.isActive ? 'true' : null,\n      'data-toggle': this.isInteractive ? 'selection' : null,\n      'is-selected': this.selectedValue ? true : null,\n      ...this.inheritedAttributes,\n    }\n  }\n\n  private updateCheckboxSelectionState() {\n    if(this.hasRadios) return;\n\n    const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'));\n\n    this.selectedValue = checkboxes.some(checkbox => checkbox.checked);\n    this.brDidSelect.emit({ selected: this.selectedValue });\n  }\n\n  private updateRadioSelectionState() {\n    if(!this.hasRadios) return;\n\n    const radios = Array.from(this.el.querySelectorAll('br-radio'));\n\n    this.selectedValue = radios.some(radio => radio.checked);\n    this.brDidSelect.emit({ selected: this.selectedValue });\n  }\n\n  // Função para verificar se o clique foi dentro do slot do item.\n  private isClickInsideInteractiveElement(target: HTMLElement): boolean {\n    const interactiveSelectors = 'br-checkbox, br-radio, br-input, br-button, br-select, br-textarea'\n    const interactiveElements = this.el.querySelectorAll(interactiveSelectors)\n    return Array.from(interactiveElements).some((el) => el.contains(target) || target === el)\n  }\n\n  private updateCheckboxes() {\n    const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n\n    checkboxes.forEach((checkbox) => {\n      checkbox.checked = this.selectedValue\n    })\n  }\n\n  private readonly handleClick = (event: MouseEvent) => {\n    const clickedElement = event.target as HTMLElement\n\n    if (this.disabled) {\n      event.preventDefault()\n      event.stopPropagation()\n    }\n\n    if (this.hasRadios) {\n      return;\n    }\n\n    if (this.isButton) {\n      this.brDidClick.emit()\n    } else if (this.isInteractive && !this.isClickInsideInteractiveElement(clickedElement)) {\n      this.selectedValue = !this.selectedValue\n      this.brDidSelect.emit({ selected: this.selectedValue })\n      this.updateCheckboxes()\n    }\n\n    event.stopPropagation()\n  }\n\n  render() {\n    const TagType = this.getTagType()\n    const attributes = this.getAttributes()\n    const classList = this.getCssClassMap()\n    return (\n      <Host>\n        <TagType class={classList} {...attributes} onClick={this.handleClick}>\n          {this.hasSlotStart || this.hasSlotEnd ? (\n            <div class=\"row align-items-center\">\n              {this.hasSlotStart && (\n                <div class=\"col-auto\">\n                  <slot name=\"start\"></slot>\n                </div>\n              )}\n\n              <div class=\"col\">\n                <slot></slot>\n              </div>\n\n              {this.hasSlotEnd && (\n                <div class=\"col-auto\">\n                  <slot name=\"end\"></slot>\n                </div>\n              )}\n            </div>\n          ) : (\n            <slot></slot>\n          )}\n        </TagType>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;2DAAA,MAAMA,EAAU,iqhBAChB,MAAAC,EAAeD,E,MCiBFE,EAAI,M,8RA+EPC,KAAAC,UAAqB,MAyEZD,KAAAE,oBAAkC,GA4DlCF,KAAAG,YAAeC,IAC9B,MAAMC,EAAiBD,EAAME,OAE7B,GAAIN,KAAKO,SAAU,CACjBH,EAAMI,iBACNJ,EAAMK,iB,CAGR,GAAIT,KAAKC,UAAW,CAClB,M,CAGF,GAAID,KAAKU,SAAU,CACjBV,KAAKW,WAAWC,M,MACX,GAAIZ,KAAKa,gBAAkBb,KAAKc,gCAAgCT,GAAiB,CACtFL,KAAKe,eAAiBf,KAAKe,cAC3Bf,KAAKgB,YAAYJ,KAAK,CAAEK,SAAUjB,KAAKe,gBACvCf,KAAKkB,kB,CAGPd,EAAMK,iBAAiB,E,cA5NoB,M,cAMA,M,gBAME,M,mBAKG,M,wDAmBL,M,sDAkBoB,S,oBAG9B,M,kBAEF,M,gBAEF,M,mBAGG,K,CAMlC,iBAAAU,GACEC,uBAAsB,KACpBpB,KAAKqB,2BAA2B,G,CAKpC,oBAAAC,CAAqBlB,GACnB,MAAME,EAASF,EAAME,OAErB,GAAIN,KAAKuB,GAAGC,SAASlB,GAAS,CAC5BN,KAAKyB,8B,EAeT,iBAAAC,GACE1B,KAAK2B,wBACL3B,KAAK4B,aAAe5B,KAAK6B,eAAe,SACxC7B,KAAK8B,WAAa9B,KAAK6B,eAAe,OACtC7B,KAAKe,cAAgBf,KAAK+B,WAC1B,GAAI/B,KAAKU,SAAU,CACjBV,KAAKgC,KAAOhC,KAAKgC,MAAQ,Q,CAE3B,MAAMC,EAASC,MAAMC,KAAKnC,KAAKuB,GAAGa,iBAAiB,aACnD,MAAMC,EAAaH,MAAMC,KAAKnC,KAAKuB,GAAGa,iBAAiB,gBACvDpC,KAAKC,UAAYgC,EAAOK,OAAS,EAEjC,GAAItC,KAAK+B,WAAY,CACnB,GAAGM,EAAWC,OAAS,EAAE,CACvBD,EAAWE,SAASC,GAAcA,EAASC,QAAU,M,CAEvD,GAAIR,EAAOK,OAAS,EAAG,CACrBL,EAAO,GAAGQ,QAAU,I,EAIxBzC,KAAKqB,4BACLrB,KAAKyB,8B,CAGC,qBAAAE,GACN3B,KAAK0C,eAAiB1C,KAAKuB,GAAGoB,YAAc,E,CAGtC,cAAAd,CAAee,GACrB,OAAO5C,KAAKuB,GAAGsB,cAAc,UAAUD,SAAkB,I,CAGnD,cAAAE,GACN,MAAO,CACL,UAAW,KACXvC,SAAUP,KAAKO,SACfwC,OAAQ/C,KAAKgD,SACb/B,SAAUjB,KAAKe,cACf,OAAQf,KAAKiD,UAAY,SACzB,OAAQjD,KAAKiD,UAAY,Q,CAMrB,UAAAC,G,MACN,GAAIlD,KAAKU,SAAU,CACjB,MAAO,Q,CAET,KAAIyC,EAAAnD,KAAKoD,QAAI,MAAAD,SAAA,SAAAA,EAAEb,QAAS,EAAG,CACzB,MAAO,G,CAET,MAAO,K,CAGD,aAAAe,GACN,MAAMC,EAAUtD,KAAKkD,aACrB,MAAMK,EACJD,IAAY,SAAW,CAAEtB,KAAMhC,KAAKgC,KAAMwB,MAAOxD,KAAKwD,OAAU,CAAEJ,KAAMpD,KAAKoD,KAAM9C,OAAQN,KAAKM,QAElG,OAAAmD,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACKH,GAAc,CACjB,gBAAiBvD,KAAKO,SAAW,OAAS,KAC1C,eAAgBP,KAAKgD,SAAW,OAAS,KACzC,cAAehD,KAAKa,cAAgB,YAAc,KAClD,cAAeb,KAAKe,cAAgB,KAAO,OACxCf,KAAKE,oB,CAIJ,4BAAAuB,GACN,GAAGzB,KAAKC,UAAW,OAEnB,MAAMoC,EAAaH,MAAMC,KAAKnC,KAAKuB,GAAGa,iBAAiB,gBAEvDpC,KAAKe,cAAgBsB,EAAWsB,MAAKnB,GAAYA,EAASC,UAC1DzC,KAAKgB,YAAYJ,KAAK,CAAEK,SAAUjB,KAAKe,e,CAGjC,yBAAAM,GACN,IAAIrB,KAAKC,UAAW,OAEpB,MAAMgC,EAASC,MAAMC,KAAKnC,KAAKuB,GAAGa,iBAAiB,aAEnDpC,KAAKe,cAAgBkB,EAAO0B,MAAKC,GAASA,EAAMnB,UAChDzC,KAAKgB,YAAYJ,KAAK,CAAEK,SAAUjB,KAAKe,e,CAIjC,+BAAAD,CAAgCR,GACtC,MAAMuD,EAAuB,qEAC7B,MAAMC,EAAsB9D,KAAKuB,GAAGa,iBAAiByB,GACrD,OAAO3B,MAAMC,KAAK2B,GAAqBH,MAAMpC,GAAOA,EAAGC,SAASlB,IAAWA,IAAWiB,G,CAGhF,gBAAAL,GACN,MAAMmB,EAAaH,MAAMC,KAAKnC,KAAKuB,GAAGa,iBAAiB,gBAEvDC,EAAWE,SAASC,IAClBA,EAASC,QAAUzC,KAAKe,aAAa,G,CA2BzC,MAAAgD,GACE,MAAMT,EAAUtD,KAAKkD,aACrB,MAAMc,EAAahE,KAAKqD,gBACxB,MAAMY,EAAYjE,KAAK8C,iBACvB,OACEoB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACZ,EAAOG,OAAAC,OAAA,CAAAU,IAAA,2CAACC,MAAOJ,GAAeD,EAAU,CAAEM,QAAStE,KAAKG,cACtDH,KAAK4B,cAAgB5B,KAAK8B,WACzBoC,EAAA,OAAKG,MAAM,0BACRrE,KAAK4B,cACJsC,EAAA,OAAKG,MAAM,YACTH,EAAA,QAAMK,KAAK,WAIfL,EAAA,OAAKG,MAAM,OACTH,EAAA,cAGDlE,KAAK8B,YACJoC,EAAA,OAAKG,MAAM,YACTH,EAAA,QAAMK,KAAK,UAKjBL,EAAA,c","ignoreList":[]}

package/dist/webcomponents/p-2ff5f694.system.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Construído com @govbr-ds/webcomponents
+ * Padrão Digital de Governo.
+ */
+System.register(["./p-6d0d2846.system.js","./p-6e286eba.system.js","./p-a71689a5.system.js"],(function(e){"use strict";var r,a,t,i,o,n;return{setters:[function(e){r=e.r;a=e.h;t=e.a;i=e.g},function(e){o=e.i},function(e){n=e.v}],execute:function(){var 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}.mb-1{margin-bottom: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}.ml-2{margin-left:var(--spacing-scale-base) !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-checkbox{--checkbox-padding:var(--spacing-scale-base);--checkbox-size:24px;display:-ms-flexbox;display:flex;position:relative}.br-checkbox+.br-checkbox{margin-top:var(--spacing-scale-base)}.br-checkbox input{margin:0;opacity:0;position:absolute}.br-checkbox input+label{cursor:pointer;display:inline-block;margin-bottom:0;min-height:var(--checkbox-size);min-width:var(--checkbox-size);padding-left:calc(var(--spacing-scale-base) + var(--checkbox-size));position:relative}.br-checkbox input+label::before{background:var(--background-light);border:1px solid var(--border-color);border-radius:4px;content:"";height:var(--checkbox-size);left:0;position:absolute;width:var(--checkbox-size)}.br-checkbox input+label:empty{padding:0}.br-checkbox label{font-weight:var(--font-weight-medium)}.br-checkbox.hidden-label label{padding-left:calc(var(--checkbox-size) + var(--surface-width-md) * 2);text-indent:-10000px;white-space:nowrap;width:0}.br-checkbox input:checked+label::after,.br-checkbox input:indeterminate+label::after{border:solid var(--selected);border-width:0 3px 3px 0;content:"";height:var(--icon-size-sm);left:8px;position:absolute;top:4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px}.br-checkbox input[indeterminate]+label::before,.br-checkbox input:indeterminate+label::before{--interactive-rgb:var(--color-rgb);background:var(--selected);border-color:var(--selected)}.br-checkbox input[indeterminate]:hover:not(:disabled)+label::before,.br-checkbox input:indeterminate:hover:not(:disabled)+label::before{--interactive-rgb:var(--color-dark-rgb)}.br-checkbox input[indeterminate]:checked+label::after,.br-checkbox input[indeterminate]+label::after,.br-checkbox input:indeterminate:checked+label::after,.br-checkbox input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;top:2px;-webkit-transform:none;transform:none}.br-checkbox.invalid input+label::before,.br-checkbox[invalid] input+label::before{--border-color:var(--danger)}.br-checkbox.invalid input:focus-visible:checked+label::before,.br-checkbox.invalid input:focus-visible+label::before,.br-checkbox[invalid] input:focus-visible:checked+label::before,.br-checkbox[invalid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.invalid input:checked+label::before,.br-checkbox[invalid] input:checked+label::before{--border-color:var(--danger)}.br-checkbox.valid input+label::before,.br-checkbox[valid] input+label::before{--border-color:var(--success)}.br-checkbox.valid input:focus-visible:checked+label::before,.br-checkbox.valid input:focus-visible+label::before,.br-checkbox[valid] input:focus-visible:checked+label::before,.br-checkbox[valid] input:focus-visible+label::before{--border-color:var(--focus-color)}.br-checkbox.valid input:checked+label::before,.br-checkbox[valid] input:checked+label::before{--border-color:var(--success)}.br-checkbox.small input+label,.br-checkbox[small] input+label{line-height:var(--spacing-scale-2xh);min-height:var(--spacing-scale-2xh)}.br-checkbox.small input+label::before,.br-checkbox[small] input+label::before{height:var(--spacing-scale-2xh);width:var(--spacing-scale-2xh)}.br-checkbox.small input:checked+label::after,.br-checkbox[small] input:checked+label::after{border-width:0 2px 2px 0;height:var(--icon-size-sm);left:7px;top:4px;width:6px}.br-checkbox.small input[indeterminate]+label::after,.br-checkbox.small input:indeterminate+label::after,.br-checkbox[small] input[indeterminate]+label::after,.br-checkbox[small] input:indeterminate+label::after{border-color:var(--background-light);border-width:0 0 3px;left:7px;top:1px;-webkit-transform:none;transform:none;width:6px}.br-checkbox input:invalid+label::before{--border-color:var(--danger)}.br-checkbox input:focus-visible:checked+label::before,.br-checkbox 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-checkbox input:hover:not(:disabled)+label::before{--interactive-rgb:var(--interactive-light-rgb);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-checkbox:not(.disabled) input:disabled+label{cursor:not-allowed;opacity:var(--disabled)}.br-checkbox:not(.disabled) input:disabled+label *{pointer-events:none}.br-checkbox.dark-mode,.br-checkbox.dark-mode label{color:var(--color-dark)}:host{display:block}';var l=c;var b=e("br_checkgroup",function(){function e(e){var a=this;r(this,e);if(e.$hostElement$["s-ei"]){this.elementInternals=e.$hostElement$["s-ei"]}else{this.elementInternals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.elementInternals}this.idDefault="".concat(n());this.inheritedAttributes={};this.handleAllCheckboxChange=function(){var e;var r=Array.from(a.el.querySelectorAll("br-checkbox"));r.forEach((function(e){e.checked=a.checked;e.indeterminate=false}));var t=(e=a.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("br-checkbox");if(t){t.indeterminate=false}};this.label=undefined;this.labelSelecionado="Desselecionar tudo";this.labelDesselecionado="Selecionar tudo";this.indeterminate=false;this.checked=false;this.isIndeterminate=false}e.prototype.componentWillLoad=function(){this.isIndeterminate=this.el.hasAttribute("indeterminate");this.inheritedAttributes=o(this.el);this.updateGroupState()};e.prototype.getCssClassMap=function(){return{"br-checkgroup":true}};e.prototype.handleChange=function(e){var r=e.target;if(this.isParentCheckbox(r)){this.checked=!this.checked;this.handleAllCheckboxChange()}else{this.updateGroupState()}};e.prototype.isParentCheckbox=function(e){var r;return e===((r=this.el.shadowRoot)===null||r===void 0?void 0:r.querySelector("br-checkbox"))};e.prototype.updateGroupState=function(){var e=Array.from(this.el.querySelectorAll("br-checkbox"));var r=e.every((function(e){return e.checked}));var a=e.every((function(e){return!e.checked}));if(r){this.checked=true;this.isIndeterminate=false}else if(a){this.checked=false;this.isIndeterminate=false}else{this.checked=false;this.isIndeterminate=true}};e.prototype.render=function(){return a(t,{key:"7edcada2c8dc6074bc8c911960d8f4d1ce765683"},a("div",Object.assign({key:"e7abe8ed6ca4b49869212ece845c13576b38e702",class:this.getCssClassMap()},this.inheritedAttributes,{style:{width:"100%"}}),this.label&&a("label",{key:"6b95576472b6ab7bce56f6419acb944d681acc1b"},this.label),a("div",{key:"a55f84bc3119d4cfebba10ab142e4e1a4833c544",class:"mb-1"},a("div",{key:"b60382c83b410da74a38b4bca95b5cedea31245b",class:"checkgroup-example"},a("br-checkbox",{key:"72a2054e69dcb6b99cd2ff0e04023ba449ac52e2",name:"checkgroup-".concat(this.idDefault),checked:this.checked,indeterminate:this.isIndeterminate,label:this.checked?this.labelDesselecionado:this.labelSelecionado,"aria-label":this.checked?this.labelDesselecionado:this.labelSelecionado,onBrDidCheckedChange:this.handleChange.bind(this)}))),a("div",{key:"60e166d6caab796fe0fbf22d1bdfb296ff8bad28",class:"mb-1 ml-2"},a("slot",{key:"21355b734eedc5a9818b4bd1ac8e310450c8c017"}))))};Object.defineProperty(e,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});return e}());b.style=l}}}));
+//# sourceMappingURL=p-2ff5f694.system.entry.js.map

package/dist/webcomponents/p-2ff5f694.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkgroupCss","BrCheckgroupStyle0","Checkgroup","exports","this","idDefault","concat","uuidv4","inheritedAttributes","handleAllCheckboxChange","checkListAll","Array","from","_this","el","querySelectorAll","forEach","item","checked","indeterminate","parentCheckbox","_a","shadowRoot","querySelector","class_1","prototype","componentWillLoad","isIndeterminate","hasAttribute","inheritAriaAttributes","updateGroupState","getCssClassMap","handleChange","event","target","isParentCheckbox","allChecked","every","noneChecked","render","h","Host","key","Object","assign","class","style","width","label","name","labelDesselecionado","labelSelecionado","onBrDidCheckedChange","bind"],"sources":["src/components/checkgroup/checkgroup.scss?tag=br-checkgroup&encapsulation=shadow","src/components/checkgroup/checkgroup.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox.scss\";\n\n:host {\n  display: block;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Host,\n  h,\n  Listen,\n  Prop,\n  State,\n} 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/utilitarios/js/checkgroup?tab=desenvolvedor).\n *\n * @slot default - Slot para adicionar os checkboxes que serão controlados pelo checkgroup.\n */\n@Component({\n  tag: 'br-checkgroup',\n  styleUrl: 'checkgroup.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkgroup {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrCheckgroupElement\n\n  @AttachInternals() elementInternals: ElementInternals\n\n  /**\n   * Texto descritivo do grupo.\n   */\n  @Prop() label: string\n\n  /**\n   * Define o texto do label quando o checkbox está marcado.\n   */\n  @Prop({ reflect: true }) labelSelecionado: string = 'Desselecionar tudo'\n\n  /**\n   * Define o texto do label quando o checkbox está desmarcado.\n   */\n  @Prop({ reflect: true }) labelDesselecionado: string = 'Selecionar tudo'\n\n  /**\n   * Define o estado intermediário do checkbox.\n   * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n   * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false\n\n  /**\n   * Contém o id gerado aleatoriamente\n   */\n    private readonly idDefault = `${uuidv4()}`\n\n  /**\n   * Define o estado de seleção do checkbox.\n   * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n   */\n  @State() checked: boolean = false\n\n  /**\n   * Indica se o grupo de checkboxes está indeterminado\n   */\n  @State() isIndeterminate: boolean = false\n\n  componentWillLoad() {\n    this.isIndeterminate = this.el.hasAttribute('indeterminate')\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n\n    this.updateGroupState();\n  }\n\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-checkgroup': true,\n    }\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  @Listen('brDidCheckedChange', {\n    target: 'document',\n  })\n  handleChange(event: Event) {\n\n    const target = event.target as HTMLBrCheckboxElement;\n\n    if (this.isParentCheckbox(target)) {\n      this.checked = !this.checked;\n      this.handleAllCheckboxChange();\n    } else {\n      this.updateGroupState();\n    }\n  }\n\n  private isParentCheckbox(target: HTMLBrCheckboxElement): boolean {\n    return target === this.el.shadowRoot?.querySelector('br-checkbox');\n  }\n\n  private readonly handleAllCheckboxChange = () => {\n    let checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'));\n\n    checkListAll.forEach((item) => {\n      item.checked = this.checked;\n      item.indeterminate = false;\n    });\n\n    const parentCheckbox = this.el.shadowRoot?.querySelector('br-checkbox');\n    if (parentCheckbox) {\n      parentCheckbox.indeterminate = false;\n    }\n  }\n\n  private updateGroupState() {\n    const checkListAll = Array.from(this.el.querySelectorAll('br-checkbox'));\n    const allChecked = checkListAll.every((item) => item.checked);\n    const noneChecked = checkListAll.every((item) => !item.checked);\n\n    if (allChecked) {\n      this.checked = true;\n      this.isIndeterminate = false;\n    } else if (noneChecked) {\n      this.checked = false;\n      this.isIndeterminate = false;\n    } else {\n      this.checked = false;\n      this.isIndeterminate = true;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={this.getCssClassMap()}\n          {...this.inheritedAttributes}\n          style={{ width: '100%' }}\n        >\n          {this.label && <label>{this.label}</label>}\n          <div class=\"mb-1\">\n            <div class=\"checkgroup-example\">\n              <br-checkbox\n                name={`checkgroup-${this.idDefault}`}\n                checked={this.checked}\n                indeterminate={this.isIndeterminate}\n                label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                aria-label={this.checked ? this.labelDesselecionado : this.labelSelecionado}\n                onBrDidCheckedChange={this.handleChange.bind(this)}\n              ></br-checkbox>\n            </div>\n          </div>\n          <div class=\"mb-1 ml-2\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;sPAAA,IAAMA,EAAgB,ujcACtB,IAAAC,EAAeD,E,ICwBFE,EAAUC,EAAA,2B,wNAkCFC,KAAAC,UAAY,GAAAC,OAAGC,KA0B1BH,KAAAI,oBAAkC,GAqBzBJ,KAAAK,wBAA0B,W,MACzC,IAAIC,EAAeC,MAAMC,KAAKC,EAAKC,GAAGC,iBAAiB,gBAEvDL,EAAaM,SAAQ,SAACC,GACpBA,EAAKC,QAAUL,EAAKK,QACpBD,EAAKE,cAAgB,K,IAGvB,IAAMC,GAAiBC,EAAAR,EAAKC,GAAGQ,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,eACzD,GAAIH,EAAgB,CAClBA,EAAeD,cAAgB,K,8CA1EiB,qB,yBAKG,kB,mBAOL,M,aAWtB,M,qBAKQ,K,CAEpCK,EAAAC,UAAAC,kBAAA,WACEtB,KAAKuB,gBAAkBvB,KAAKU,GAAGc,aAAa,iBAC5CxB,KAAKI,oBAAsBqB,EAAsBzB,KAAKU,IAEtDV,KAAK0B,kB,EAGCN,EAAAC,UAAAM,eAAA,WACN,MAAO,CACL,gBAAiB,K,EASrBP,EAAAC,UAAAO,aAAA,SAAaC,GAEX,IAAMC,EAASD,EAAMC,OAErB,GAAI9B,KAAK+B,iBAAiBD,GAAS,CACjC9B,KAAKc,SAAWd,KAAKc,QACrBd,KAAKK,yB,KACA,CACLL,KAAK0B,kB,GAIDN,EAAAC,UAAAU,iBAAA,SAAiBD,G,MACvB,OAAOA,MAAWb,EAAAjB,KAAKU,GAAGQ,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,e,EAiB9CC,EAAAC,UAAAK,iBAAA,WACN,IAAMpB,EAAeC,MAAMC,KAAKR,KAAKU,GAAGC,iBAAiB,gBACzD,IAAMqB,EAAa1B,EAAa2B,OAAM,SAACpB,GAAS,OAAAA,EAAKC,OAAL,IAChD,IAAMoB,EAAc5B,EAAa2B,OAAM,SAACpB,GAAS,OAACA,EAAKC,OAAN,IAEjD,GAAIkB,EAAY,CACdhC,KAAKc,QAAU,KACfd,KAAKuB,gBAAkB,K,MAClB,GAAIW,EAAa,CACtBlC,KAAKc,QAAU,MACfd,KAAKuB,gBAAkB,K,KAClB,CACLvB,KAAKc,QAAU,MACfd,KAAKuB,gBAAkB,I,GAI3BH,EAAAC,UAAAc,OAAA,WACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEG,MAAOzC,KAAK2B,kBACR3B,KAAKI,oBAAmB,CAC5BsC,MAAO,CAAEC,MAAO,UAEf3C,KAAK4C,OAASR,EAAA,SAAAE,IAAA,4CAAQtC,KAAK4C,OAC5BR,EAAA,OAAAE,IAAA,2CAAKG,MAAM,QACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,sBACTL,EAAA,eAAAE,IAAA,2CACEO,KAAM,cAAA3C,OAAcF,KAAKC,WACzBa,QAASd,KAAKc,QACdC,cAAef,KAAKuB,gBACpBqB,MAAO5C,KAAKc,QAAUd,KAAK8C,oBAAsB9C,KAAK+C,iBAAgB,aAC1D/C,KAAKc,QAAUd,KAAK8C,oBAAsB9C,KAAK+C,iBAC3DC,qBAAsBhD,KAAK4B,aAAaqB,KAAKjD,UAInDoC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,+C,kOAtIW,I","ignoreList":[]}