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

package/dist/collection/utils/inherited-attributes.js

@@ -1,102 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-// This file was based on the core/utils/helpers from the Ionic Framework (MIT)
-// https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts
-/**
- * List of available ARIA attributes + `role`.
- * Removed deprecated attributes.
- * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes
- */
-const ariaAttributes = [
-    'role',
-    'aria-activedescendant',
-    'aria-atomic',
-    'aria-autocomplete',
-    'aria-braillelabel',
-    'aria-brailleroledescription',
-    'aria-busy',
-    'aria-checked',
-    'aria-colcount',
-    'aria-colindex',
-    'aria-colindextext',
-    'aria-colspan',
-    'aria-controls',
-    'aria-current',
-    'aria-describedby',
-    'aria-description',
-    'aria-details',
-    'aria-disabled',
-    'aria-errormessage',
-    'aria-expanded',
-    'aria-flowto',
-    'aria-haspopup',
-    'aria-hidden',
-    'aria-invalid',
-    'aria-keyshortcuts',
-    'aria-label',
-    'aria-labelledby',
-    'aria-level',
-    'aria-live',
-    'aria-multiline',
-    'aria-multiselectable',
-    'aria-orientation',
-    'aria-owns',
-    'aria-placeholder',
-    'aria-posinset',
-    'aria-pressed',
-    'aria-readonly',
-    'aria-relevant',
-    'aria-required',
-    'aria-roledescription',
-    'aria-rowcount',
-    'aria-rowindex',
-    'aria-rowindextext',
-    'aria-rowspan',
-    'aria-selected',
-    'aria-setsize',
-    'aria-sort',
-    'aria-valuemax',
-    'aria-valuemin',
-    'aria-valuenow',
-    'aria-valuetext',
-];
-/**
- * Elements inside of web components sometimes need to inherit global attributes
- * set on the host. For example, the inner input in `ion-input` should inherit
- * the `title` attribute that developers set directly on `ion-input`. This
- * helper function should be called in componentWillLoad and assigned to a variable
- * that is later used in the render function.
- *
- * This does not need to be reactive as changing attributes on the host element
- * does not trigger a re-render.
- */
-export const inheritAttributes = (el, attributes = []) => {
-    const attributeObject = {};
-    attributes.forEach((attr) => {
-        if (el.hasAttribute(attr)) {
-            const value = el.getAttribute(attr);
-            if (value !== null) {
-                attributeObject[attr] = el.getAttribute(attr);
-            }
-            el.removeAttribute(attr);
-        }
-    });
-    return attributeObject;
-};
-/**
- * Returns an array of aria attributes that should be copied from
- * the shadow host element to a target within the light DOM.
- * @param el The element that the attributes should be copied from.
- * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.
- * Use this in instances where we manually specify aria attributes on the `<Host>` element.
- */
-export const inheritAriaAttributes = (el, ignoreList) => {
-    let attributesToInherit = ariaAttributes;
-    if (ignoreList && ignoreList.length > 0) {
-        attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr));
-    }
-    return inheritAttributes(el, attributesToInherit);
-};
-//# sourceMappingURL=inherited-attributes.js.map

package/dist/collection/utils/inherited-attributes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inherited-attributes.js","sourceRoot":"","sources":["../../src/utils/inherited-attributes.ts"],"names":[],"mappings":"AAAA,+EAA+E;AAC/E,oFAAoF;AAIpF;;;;GAIG;AACH,MAAM,cAAc,GAAG;IACrB,MAAM;IACN,uBAAuB;IACvB,aAAa;IACb,mBAAmB;IACnB,mBAAmB;IACnB,6BAA6B;IAC7B,WAAW;IACX,cAAc;IACd,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,kBAAkB;IAClB,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,mBAAmB;IACnB,eAAe;IACf,aAAa;IACb,eAAe;IACf,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,YAAY;IACZ,iBAAiB;IACjB,YAAY;IACZ,WAAW;IACX,gBAAgB;IAChB,sBAAsB;IACtB,kBAAkB;IAClB,WAAW;IACX,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,eAAe;IACf,eAAe;IACf,eAAe;IACf,sBAAsB;IACtB,eAAe;IACf,eAAe;IACf,mBAAmB;IACnB,cAAc;IACd,eAAe;IACf,cAAc;IACd,WAAW;IACX,eAAe;IACf,eAAe;IACf,eAAe;IACf,gBAAgB;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAe,EAAE,aAAuB,EAAE,EAAE,EAAE;IAC9E,MAAM,eAAe,GAAe,EAAE,CAAA;IAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QAC1B,IAAI,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1B,MAAM,KAAK,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YACnC,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;YAC/C,CAAC;YACD,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,eAAe,CAAA;AACxB,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAe,EAAE,UAAqB,EAAE,EAAE;IAC9E,IAAI,mBAAmB,GAAG,cAAc,CAAA;IACxC,IAAI,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxC,mBAAmB,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAA;IACxF,CAAC;IACD,OAAO,iBAAiB,CAAC,EAAE,EAAE,mBAAmB,CAAC,CAAA;AACnD,CAAC,CAAA","sourcesContent":["// This file was based on the core/utils/helpers from the Ionic Framework (MIT)\n// https://github.com/ionic-team/ionic-framework/blob/main/core/src/utils/helpers.ts\n\nexport type Attributes = Record<string, any>\n\n/**\n * List of available ARIA attributes + `role`.\n * Removed deprecated attributes.\n * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes\n */\nconst ariaAttributes = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n]\n\n/**\n * Elements inside of web components sometimes need to inherit global attributes\n * set on the host. For example, the inner input in `ion-input` should inherit\n * the `title` attribute that developers set directly on `ion-input`. This\n * helper function should be called in componentWillLoad and assigned to a variable\n * that is later used in the render function.\n *\n * This does not need to be reactive as changing attributes on the host element\n * does not trigger a re-render.\n */\nexport const inheritAttributes = (el: HTMLElement, attributes: string[] = []) => {\n  const attributeObject: Attributes = {}\n\n  attributes.forEach((attr) => {\n    if (el.hasAttribute(attr)) {\n      const value = el.getAttribute(attr)\n      if (value !== null) {\n        attributeObject[attr] = el.getAttribute(attr)\n      }\n      el.removeAttribute(attr)\n    }\n  })\n\n  return attributeObject\n}\n\n/**\n * Returns an array of aria attributes that should be copied from\n * the shadow host element to a target within the light DOM.\n * @param el The element that the attributes should be copied from.\n * @param ignoreList The list of aria-attributes to ignore reflecting and removing from the host.\n * Use this in instances where we manually specify aria attributes on the `<Host>` element.\n */\nexport const inheritAriaAttributes = (el: HTMLElement, ignoreList?: string[]) => {\n  let attributesToInherit = ariaAttributes\n  if (ignoreList && ignoreList.length > 0) {\n    attributesToInherit = attributesToInherit.filter((attr) => !ignoreList.includes(attr))\n  }\n  return inheritAttributes(el, attributesToInherit)\n}\n"]}

package/dist/collection/utils/interfaces.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=interfaces.js.map

package/dist/collection/utils/interfaces.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../src/utils/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["export type CssClassMap = { [className: string]: boolean }\n"]}

package/dist/collection/utils/unique-id-generator.js

@@ -1,13 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-export default function generateUniqueId(prefix = 'id', randomPartLength = 30) {
-    // Cria uma parte aleatória do comprimento desejado
-    const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))
-        .map((num) => (num % 16).toString(16)) // Converte os números para hexadecimal
-        .join(''); // Junta os caracteres para criar uma string
-    // Concatena o prefixo e a parte aleatória
-    return `${prefix}-${randomPart}`;
-}
-//# sourceMappingURL=unique-id-generator.js.map

package/dist/collection/utils/unique-id-generator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"unique-id-generator.js","sourceRoot":"","sources":["../../src/utils/unique-id-generator.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,SAAiB,IAAI,EAAE,mBAA2B,EAAE;IAC3F,mDAAmD;IACnD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,gBAAgB,CAAC,CAAC,CAAC;SACpF,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,uCAAuC;SAC7E,IAAI,CAAC,EAAE,CAAC,CAAA,CAAC,4CAA4C;IAExD,0CAA0C;IAC1C,OAAO,GAAG,MAAM,IAAI,UAAU,EAAE,CAAA;AAClC,CAAC","sourcesContent":["export default function generateUniqueId(prefix: string = 'id', randomPartLength: number = 30): string {\n  // Cria uma parte aleatória do comprimento desejado\n  const randomPart = Array.from(crypto.getRandomValues(new Uint8Array(randomPartLength)))\n    .map((num) => (num % 16).toString(16)) // Converte os números para hexadecimal\n    .join('') // Junta os caracteres para criar uma string\n\n  // Concatena o prefixo e a parte aleatória\n  return `${prefix}-${randomPart}`\n}\n"]}

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

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

package/dist/components/br-avatar.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as a,H as t,h as r,c as e}from"./p-65616dbd.js";import{i}from"./p-74a4eb38.js";import{d as o}from"./p-126ad66d.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)}.br-avatar{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small);--avatar-small:40px;--avatar-medium:100px;--avatar-large:160px;--avatar-icon-small:var(--icon-size-2x);--avatar-icon-medium:var(--icon-size-5x);--avatar-icon-large:var(--icon-size-8x);--avatar-text-small:var(--font-size-scale-up-03);--avatar-text-medium:var(--font-size-scale-up-07);--avatar-text-large:var(--font-size-scale-up-11);-ms-flex-align:center;align-items:center;background-color:transparent;border:0;display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);font-weight:var(--font-weight-bold);-ms-flex-pack:center;justify-content:center;line-height:var(--avatar-size);vertical-align:middle}.br-avatar .content{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .content img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}.br-avatar.small,.br-avatar[small]{--avatar-size:var(--avatar-small);--avatar-icon-size:var(--avatar-icon-small);--avatar-text-size:var(--avatar-text-small)}.br-avatar.is-medium,.br-avatar.medium,.br-avatar[medium]{--avatar-size:var(--avatar-medium);--avatar-icon-size:var(--avatar-icon-medium);--avatar-text-size:var(--avatar-text-medium)}.br-avatar.large,.br-avatar[large]{--avatar-size:var(--avatar-large);--avatar-icon-size:var(--avatar-icon-large);--avatar-text-size:var(--avatar-text-large)}.br-avatar[data-toggle=dropdown]:focus{outline:none}.br-avatar[data-toggle=dropdown]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-avatar .image{-ms-flex-align:center;align-items:center;background-color:var(--blue-10);border-radius:50%;color:var(--blue-warm-20);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--avatar-text-size);height:var(--avatar-size);-ms-flex-pack:center;justify-content:center;overflow:hidden;text-align:center;text-transform:uppercase;vertical-align:inherit;width:var(--avatar-size)}.br-avatar .image img{height:var(--avatar-size);vertical-align:inherit;width:var(--avatar-size)}:host{display:block}";const l=n;const s=a(class a extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.iconSizes={small:{height:"32px",width:"40px"},medium:{height:"80px",width:"88px"},large:{height:"128px",width:"136px"}};this.iconMarginTops={small:"0.7em",medium:"1em",large:"0.62em"};this.inheritedAttributes={};this.density="medium";this.image=undefined;this.imageAlt="Imagem do avatar";this.isIconic=false;this.text=undefined;this.iconWidth=undefined;this.iconHeight=undefined;this.marginTop=undefined}componentWillLoad(){this.inheritedAttributes=i(this.el)}getCssClassMap(){return{"br-avatar":true,small:this.density==="small",medium:this.density==="medium",large:this.density==="large"}}renderAvatar(){var a,t,e,i,o;if(((a=this.text)===null||a===void 0?void 0:a.trim().length)>0){return r("span",{class:"content bg-support-01 text-pure-0",title:this.text},this.text[0].toUpperCase())}if(((t=this.image)===null||t===void 0?void 0:t.trim().length)>0){return r("span",{class:"content",title:this.imageAlt||this.text},r("img",{src:this.image,alt:this.imageAlt,loading:"lazy"}))}if(this.isIconic){return r("span",{class:"content",title:this.text},r("br-icon",{"icon-name":"fa-solid:user",height:((e=this.iconHeight)===null||e===void 0?void 0:e.length)>0?this.iconHeight:this.iconSizes[this.density].height,width:((i=this.iconWidth)===null||i===void 0?void 0:i.length)>0?this.iconWidth:this.iconSizes[this.density].width,"aria-hidden":"true",style:{"margin-top":((o=this.marginTop)===null||o===void 0?void 0:o.length)>0?this.marginTop:this.iconMarginTops[this.density]}}))}}render(){return r(e,{key:"8e7d5a109467811e371dcfa56214f079b82970bb"},r("span",Object.assign({key:"63036c324a6be24469e6453a40af31e684973c1a",class:this.getCssClassMap()},this.inheritedAttributes),this.renderAvatar()))}get el(){return this}static get style(){return l}},[1,"br-avatar",{density:[1],image:[1],imageAlt:[1,"image-alt"],isIconic:[4,"is-iconic"],text:[1],iconWidth:[1,"icon-width"],iconHeight:[1,"icon-height"],marginTop:[1,"margin-top"]}]);function c(){if(typeof customElements==="undefined"){return}const a=["br-avatar","br-icon"];a.forEach((a=>{switch(a){case"br-avatar":if(!customElements.get(a)){customElements.define(a,s)}break;case"br-icon":if(!customElements.get(a)){o()}break}}))}c();const g=s;const v=c;export{g as BrAvatar,v as defineCustomElement};
-//# sourceMappingURL=br-avatar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["avatarCss","BrAvatarStyle0","Avatar","proxyCustomElement","H","this","iconSizes","small","height","width","medium","large","iconMarginTops","inheritedAttributes","componentWillLoad","inheritAriaAttributes","el","getCssClassMap","density","renderAvatar","_a","text","trim","length","h","class","title","toUpperCase","_b","image","imageAlt","src","alt","loading","isIconic","_c","iconHeight","_d","iconWidth","style","_e","marginTop","render","Host","key","Object","assign"],"sources":["src/components/avatar/avatar.scss?tag=br-avatar&encapsulation=shadow","src/components/avatar/avatar.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/avatar/avatar\";\n\n:host {\n  display: block;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/avatar?tab=designer).\n */\n@Component({\n  tag: 'br-avatar',\n  styleUrl: 'avatar.scss',\n  shadow: true,\n})\nexport class Avatar {\n  /**\n   * Referência ao elemento host do componente.\n   * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n   */\n  @Element() el: HTMLBrAvatarElement\n\n  /**\n   * Ajusta a densidade, alterando o espaçamento interno para um visual mais compacto ou mais expandido.\n   */\n  @Prop() density: 'small' | 'medium' | 'large' = 'medium'\n\n  /**\n   * URL da imagem a ser exibida no avatar do tipo 'fotográfico'.\n   * Deve ser uma URL válida que aponta para a imagem desejada.\n   */\n  @Prop() image: string\n\n  /**\n   * Texto alternativo (alt) associado à imagem do avatar. Essencial para acessibilidade e SEO.\n   * Deve descrever de forma clara e concisa o conteúdo da imagem, por exemplo: \"Foto de perfil de João Silva\".\n   */\n  @Prop() imageAlt = 'Imagem do avatar'\n\n  /**\n   * Indica se o avatar deve ser exibido como um ícone em vez de uma imagem fotográfica.\n   * Se definido como verdadeiro, o avatar será exibido como um ícone.\n   */\n  @Prop() isIconic: boolean = false\n\n  /**\n   * Texto exibido no avatar do tipo 'letra'.\n   * Esse texto será mostrado em vez de uma imagem e pode ser usado para representar iniciais ou outras informações textuais.\n   */\n  @Prop() text: string\n\n  componentWillLoad() {\n    this.inheritedAttributes = inheritAriaAttributes(this.el)\n  }\n\n  /**\n   * Largura do ícone no avatar do tipo icônico\n   * */\n  @Prop() iconWidth: string\n\n  /**\n   * Altura do ícone no avatar do tipo icônico\n   */\n  @Prop() iconHeight: string\n\n  /**\n   * Ajuste para a margem de cima do ícone no avatar do tipo icônico\n   */\n  @Prop() marginTop: string\n\n  /**\n   * Gera um mapa de classes CSS com base nas propriedades do componente.\n   * O mapa de classes determina quais classes CSS devem ser aplicadas\n   * ao elemento host do componente, ajustando sua aparência.\n   *\n   * @returns {CssClassMap} Objeto contendo as classes CSS aplicadas.\n   */\n  private getCssClassMap(): CssClassMap {\n    return {\n      'br-avatar': true,\n      small: this.density === 'small',\n      medium: this.density === 'medium',\n      large: this.density === 'large',\n    }\n  }\n\n  private readonly iconSizes = {\n    small: { height: '32px', width: '40px' },\n    medium: { height: '80px', width: '88px' },\n    large: { height: '128px', width: '136px' },\n  }\n\n  private readonly iconMarginTops = {\n    small: '0.7em',\n    medium: '1em',\n    large: '0.62em',\n  }\n\n  private inheritedAttributes: Attributes = {}\n\n  private renderAvatar() {\n    if (this.text?.trim().length > 0) {\n      return (\n        <span class=\"content bg-support-01 text-pure-0\" title={this.text}>\n          {this.text[0].toUpperCase()}\n        </span>\n      )\n    }\n\n    if (this.image?.trim().length > 0) {\n      return (\n        <span class=\"content\" title={this.imageAlt || this.text}>\n          <img src={this.image} alt={this.imageAlt} loading=\"lazy\" />\n        </span>\n      )\n    }\n\n    if (this.isIconic) {\n      return (\n        <span class=\"content\" title={this.text}>\n          <br-icon\n            icon-name=\"fa-solid:user\"\n            height={this.iconHeight?.length > 0 ? this.iconHeight : this.iconSizes[this.density].height}\n            width={this.iconWidth?.length > 0 ? this.iconWidth : this.iconSizes[this.density].width}\n            aria-hidden=\"true\"\n            style={{ 'margin-top': this.marginTop?.length > 0 ? this.marginTop : this.iconMarginTops[this.density] }}\n          ></br-icon>\n        </span>\n      )\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <span class={this.getCssClassMap()} {...this.inheritedAttributes}>\n          {this.renderAvatar()}\n        </span>\n      </Host>\n    )\n  }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAY,q7XAClB,MAAAC,EAAeD,E,MCWFE,EAAMC,EAAA,MAAAD,UAAAE,E,kEAuEAC,KAAAC,UAAY,CAC3BC,MAAO,CAAEC,OAAQ,OAAQC,MAAO,QAChCC,OAAQ,CAAEF,OAAQ,OAAQC,MAAO,QACjCE,MAAO,CAAEH,OAAQ,QAASC,MAAO,UAGlBJ,KAAAO,eAAiB,CAChCL,MAAO,QACPG,OAAQ,MACRC,MAAO,UAGDN,KAAAQ,oBAAkC,G,aAzEM,S,mCAY7B,mB,cAMS,M,gGAQ5B,iBAAAC,GACET,KAAKQ,oBAAsBE,EAAsBV,KAAKW,G,CAyBhD,cAAAC,GACN,MAAO,CACL,YAAa,KACbV,MAAOF,KAAKa,UAAY,QACxBR,OAAQL,KAAKa,UAAY,SACzBP,MAAON,KAAKa,UAAY,Q,CAkBpB,YAAAC,G,cACN,KAAIC,EAAAf,KAAKgB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,OAAOC,QAAS,EAAG,CAChC,OACEC,EAAA,QAAMC,MAAM,oCAAoCC,MAAOrB,KAAKgB,MACzDhB,KAAKgB,KAAK,GAAGM,c,CAKpB,KAAIC,EAAAvB,KAAKwB,SAAK,MAAAD,SAAA,SAAAA,EAAEN,OAAOC,QAAS,EAAG,CACjC,OACEC,EAAA,QAAMC,MAAM,UAAUC,MAAOrB,KAAKyB,UAAYzB,KAAKgB,MACjDG,EAAA,OAAKO,IAAK1B,KAAKwB,MAAOG,IAAK3B,KAAKyB,SAAUG,QAAQ,S,CAKxD,GAAI5B,KAAK6B,SAAU,CACjB,OACEV,EAAA,QAAMC,MAAM,UAAUC,MAAOrB,KAAKgB,MAChCG,EAAA,uBACY,gBACVhB,SAAQ2B,EAAA9B,KAAK+B,cAAU,MAAAD,SAAA,SAAAA,EAAEZ,QAAS,EAAIlB,KAAK+B,WAAa/B,KAAKC,UAAUD,KAAKa,SAASV,OACrFC,QAAO4B,EAAAhC,KAAKiC,aAAS,MAAAD,SAAA,SAAAA,EAAEd,QAAS,EAAIlB,KAAKiC,UAAYjC,KAAKC,UAAUD,KAAKa,SAAST,MAAK,cAC3E,OACZ8B,MAAO,CAAE,eAAcC,EAAAnC,KAAKoC,aAAS,MAAAD,SAAA,SAAAA,EAAEjB,QAAS,EAAIlB,KAAKoC,UAAYpC,KAAKO,eAAeP,KAAKa,Y,EAOxG,MAAAwB,GACE,OACElB,EAACmB,EAAI,CAAAC,IAAA,4CACHpB,EAAA,OAAAqB,OAAAC,OAAA,CAAAF,IAAA,2CAAMnB,MAAOpB,KAAKY,kBAAsBZ,KAAKQ,qBAC1CR,KAAKc,gB","ignoreList":[]}

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

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

package/dist/components/br-button.js

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

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

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

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

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

package/dist/components/br-checkbox.js

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

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

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

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

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

package/dist/components/br-checkgroup.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as e,H as r,h as a,c as t}from"./p-65616dbd.js";import{i}from"./p-74a4eb38.js";import{d as o}from"./p-a6dcabb0.js";import{v as n}from"./p-d5a8d30c.js";const c='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.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}';const l=c;const s=e(class e extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.elementInternals=this.attachInternals();this.idDefault=`${n()}`;this.inheritedAttributes={};this.handleAllCheckboxChange=()=>{var e;let r=Array.from(this.el.querySelectorAll("br-checkbox"));r.forEach((e=>{e.checked=this.checked;e.indeterminate=false}));const a=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("br-checkbox");if(a){a.indeterminate=false}};this.label=undefined;this.labelSelecionado="Desselecionar tudo";this.labelDesselecionado="Selecionar tudo";this.indeterminate=false;this.checked=false;this.isIndeterminate=false}componentWillLoad(){this.isIndeterminate=this.el.hasAttribute("indeterminate");this.inheritedAttributes=i(this.el);this.updateGroupState()}getCssClassMap(){return{"br-checkgroup":true}}handleChange(e){const r=e.target;if(this.isParentCheckbox(r)){this.checked=!this.checked;this.handleAllCheckboxChange()}else{this.updateGroupState()}}isParentCheckbox(e){var r;return e===((r=this.el.shadowRoot)===null||r===void 0?void 0:r.querySelector("br-checkbox"))}updateGroupState(){const e=Array.from(this.el.querySelectorAll("br-checkbox"));const r=e.every((e=>e.checked));const a=e.every((e=>!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}}render(){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-${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"}))))}static get formAssociated(){return true}get el(){return this}static get style(){return l}},[65,"br-checkgroup",{label:[1],labelSelecionado:[513,"label-selecionado"],labelDesselecionado:[513,"label-desselecionado"],indeterminate:[516],checked:[32],isIndeterminate:[32]},[[4,"brDidCheckedChange","handleChange"]]]);function b(){if(typeof customElements==="undefined"){return}const e=["br-checkgroup","br-checkbox"];e.forEach((e=>{switch(e){case"br-checkgroup":if(!customElements.get(e)){customElements.define(e,s)}break;case"br-checkbox":if(!customElements.get(e)){o()}break}}))}b();const d=s;const g=b;export{d as BrCheckgroup,g as defineCustomElement};
-//# sourceMappingURL=br-checkgroup.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["checkgroupCss","BrCheckgroupStyle0","Checkgroup","proxyCustomElement","H","this","idDefault","uuidv4","inheritedAttributes","handleAllCheckboxChange","checkListAll","Array","from","el","querySelectorAll","forEach","item","checked","indeterminate","parentCheckbox","_a","shadowRoot","querySelector","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":";;;;gKAAA,MAAMA,EAAgB,ujcACtB,MAAAC,EAAeD,E,MCwBFE,EAAUC,EAAA,MAAAD,UAAAE,E,+GAkCFC,KAAAC,UAAY,GAAGC,MA0B1BF,KAAAG,oBAAkC,GAqBzBH,KAAAI,wBAA0B,K,MACzC,IAAIC,EAAeC,MAAMC,KAAKP,KAAKQ,GAAGC,iBAAiB,gBAEvDJ,EAAaK,SAASC,IACpBA,EAAKC,QAAUZ,KAAKY,QACpBD,EAAKE,cAAgB,KAAK,IAG5B,MAAMC,GAAiBC,EAAAf,KAAKQ,GAAGQ,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,eACzD,GAAIH,EAAgB,CAClBA,EAAeD,cAAgB,K,8CA1EiB,qB,yBAKG,kB,mBAOL,M,aAWtB,M,qBAKQ,K,CAEpC,iBAAAK,GACElB,KAAKmB,gBAAkBnB,KAAKQ,GAAGY,aAAa,iBAC5CpB,KAAKG,oBAAsBkB,EAAsBrB,KAAKQ,IAEtDR,KAAKsB,kB,CAGC,cAAAC,GACN,MAAO,CACL,gBAAiB,K,CASrB,YAAAC,CAAaC,GAEX,MAAMC,EAASD,EAAMC,OAErB,GAAI1B,KAAK2B,iBAAiBD,GAAS,CACjC1B,KAAKY,SAAWZ,KAAKY,QACrBZ,KAAKI,yB,KACA,CACLJ,KAAKsB,kB,EAID,gBAAAK,CAAiBD,G,MACvB,OAAOA,MAAWX,EAAAf,KAAKQ,GAAGQ,cAAU,MAAAD,SAAA,SAAAA,EAAEE,cAAc,e,CAiB9C,gBAAAK,GACN,MAAMjB,EAAeC,MAAMC,KAAKP,KAAKQ,GAAGC,iBAAiB,gBACzD,MAAMmB,EAAavB,EAAawB,OAAOlB,GAASA,EAAKC,UACrD,MAAMkB,EAAczB,EAAawB,OAAOlB,IAAUA,EAAKC,UAEvD,GAAIgB,EAAY,CACd5B,KAAKY,QAAU,KACfZ,KAAKmB,gBAAkB,K,MAClB,GAAIW,EAAa,CACtB9B,KAAKY,QAAU,MACfZ,KAAKmB,gBAAkB,K,KAClB,CACLnB,KAAKY,QAAU,MACfZ,KAAKmB,gBAAkB,I,EAI3B,MAAAY,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEG,MAAOrC,KAAKuB,kBACRvB,KAAKG,oBAAmB,CAC5BmC,MAAO,CAAEC,MAAO,UAEfvC,KAAKwC,OAASR,EAAA,SAAAE,IAAA,4CAAQlC,KAAKwC,OAC5BR,EAAA,OAAAE,IAAA,2CAAKG,MAAM,QACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,sBACTL,EAAA,eAAAE,IAAA,2CACEO,KAAM,cAAczC,KAAKC,YACzBW,QAASZ,KAAKY,QACdC,cAAeb,KAAKmB,gBACpBqB,MAAOxC,KAAKY,QAAUZ,KAAK0C,oBAAsB1C,KAAK2C,iBAAgB,aAC1D3C,KAAKY,QAAUZ,KAAK0C,oBAAsB1C,KAAK2C,iBAC3DC,qBAAsB5C,KAAKwB,aAAaqB,KAAK7C,UAInDgC,EAAA,OAAAE,IAAA,2CAAKG,MAAM,aACTL,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

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

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

package/dist/components/br-dropdown.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as t,H as r,d as a,h as e,c as i}from"./p-65616dbd.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 s=n;const l=t(class t extends r{constructor(){super();this.__registerHost();this.__attachShadow();this.brDropdownChange=a(this,"brDropdownChange",7);this.elementInternals=this.attachInternals();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 e(i,{key:"1f9920cb3da62d43e35c0cc5fd25f1cf66a0d04c","is-open":this.isOpen},e("div",Object.assign({key:"255b9239a88e3aade90175e14a4a60f36d6f2e5f",class:this.getCssClassMap()},this.inheritedAttributes),e("div",{key:"3dd1404997a97f9357ec5aca71a98b95c52ad1b2",id:"trigger",onClick:this.toggle,"aria-controls":"target","aria-haspopup":"true","aria-expanded":this.isOpen},e("slot",{key:"585d766af3334d6ceb58e7f31e93fb748a52e3ac",name:"trigger"})),e("div",{key:"21eecf44f455e9d67081633d70dcdd790e9e2cd2",id:"target","aria-hidden":!this.isOpen},e("slot",{key:"e506ff60614dabc87a953a9bf9d35ba4b048845f",name:"target"}))))}static get formAssociated(){return true}get el(){return this}static get watchers(){return{isOpen:["isOpenChanged"]}}static get style(){return s}},[65,"br-dropdown",{isOpen:[1540,"is-open"],open:[64],hide:[64]},undefined,{isOpen:["isOpenChanged"]}]);function c(){if(typeof customElements==="undefined"){return}const t=["br-dropdown"];t.forEach((t=>{switch(t){case"br-dropdown":if(!customElements.get(t)){customElements.define(t,l)}break}}))}c();const g=l;const d=c;export{g as BrDropdown,d as defineCustomElement};
-//# sourceMappingURL=br-dropdown.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownCss","BrDropdownStyle0","Dropdown","proxyCustomElement","H","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,EAAQC,EAAA,MAAAD,UAAAE,E,kKAmDFC,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/components/br-icon.d.ts

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

package/dist/components/br-icon.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{I as o,d as s}from"./p-126ad66d.js";const t=o;const a=s;export{t as BrIcon,a as defineCustomElement};
-//# sourceMappingURL=br-icon.js.map

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

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

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

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

package/dist/components/br-input.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{I as o,d as s}from"./p-184a3074.js";const t=o;const a=s;export{t as BrInput,a as defineCustomElement};
-//# sourceMappingURL=br-input.js.map

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

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

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

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

package/dist/components/br-item.js

@@ -1,6 +0,0 @@
-/*!
- * Construído com @govbr-ds/webcomponents
- * Padrão Digital de Governo.
- */
-import{p as r,H as t,d as a,h as e,c as i}from"./p-65616dbd.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=r(class r extends t{constructor(){super();this.__registerHost();this.__attachShadow();this.brDidClick=a(this,"brDidClick",7);this.brDidSelect=a(this,"brDidSelect",7);this.elementInternals=this.attachInternals();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 a=this.getCssClassMap();return e(i,{key:"f6c1cb0986dd510896aaff3c94a7a6505cc4c30b"},e(r,Object.assign({key:"a3c91de0e8d46cc4cac5c1e7fbaa71bcde79cc23",class:a},t,{onClick:this.handleClick}),this.hasSlotStart||this.hasSlotEnd?e("div",{class:"row align-items-center"},this.hasSlotStart&&e("div",{class:"col-auto"},e("slot",{name:"start"})),e("div",{class:"col"},e("slot",null)),this.hasSlotEnd&&e("div",{class:"col-auto"},e("slot",{name:"end"}))):e("slot",null)))}static get formAssociated(){return true}get el(){return this}static get style(){return n}},[65,"br-item",{disabled:[516],isActive:[516,"is-active"],isSelected:[516,"is-selected"],isInteractive:[516,"is-interactive"],href:[513],target:[513],isButton:[516,"is-button"],type:[1537],value:[513],density:[513],hasSlotDefault:[32],hasSlotStart:[32],hasSlotEnd:[32],selectedValue:[32]},[[4,"brDidChange","handleRadioChange"],[4,"brDidCheckedChange","handleCheckboxChange"]]]);function c(){if(typeof customElements==="undefined"){return}const r=["br-item"];r.forEach((r=>{switch(r){case"br-item":if(!customElements.get(r)){customElements.define(r,l)}break}}))}c();const s=l;const d=c;export{s as BrItem,d as defineCustomElement};
-//# sourceMappingURL=br-item.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["itemCss","BrItemStyle0","Item","proxyCustomElement","H","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":";;;;gEAAA,MAAMA,EAAU,iqhBAChB,MAAAC,EAAeD,E,MCiBFE,EAAIC,EAAA,MAAAD,UAAAE,E,+LA+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/components/br-list.d.ts

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

package/dist/components/br-list.js

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

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

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

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

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