@govbr-ds/webcomponents 2.0.0-next.20 → 2.0.0-next.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/br-avatar.cjs.entry.js +2 -2
- package/dist/cjs/br-avatar.cjs.entry.js.map +1 -1
- package/dist/cjs/br-button_2.cjs.entry.js +3 -3
- package/dist/cjs/br-button_2.cjs.entry.js.map +1 -1
- package/dist/cjs/br-checkbox_4.cjs.entry.js +346 -0
- package/dist/cjs/br-checkbox_4.cjs.entry.js.map +1 -0
- package/dist/cjs/br-dropdown.cjs.entry.js +2 -2
- package/dist/cjs/br-dropdown.cjs.entry.js.map +1 -1
- package/dist/cjs/br-item.cjs.entry.js +2 -2
- package/dist/cjs/br-item.cjs.entry.js.map +1 -1
- package/dist/cjs/br-loading.cjs.entry.js +2 -2
- package/dist/cjs/br-loading.cjs.entry.js.map +1 -1
- package/dist/cjs/br-message.cjs.entry.js +2 -2
- package/dist/cjs/br-message.cjs.entry.js.map +1 -1
- package/dist/cjs/br-select.cjs.entry.js +281 -0
- package/dist/cjs/br-select.cjs.entry.js.map +1 -0
- package/dist/cjs/br-switch.cjs.entry.js +3 -3
- package/dist/cjs/br-switch.cjs.entry.js.map +1 -1
- package/dist/cjs/br-tag.cjs.entry.js +3 -3
- package/dist/cjs/br-tag.cjs.entry.js.map +1 -1
- package/dist/cjs/br-textarea.cjs.entry.js +3 -3
- package/dist/cjs/br-textarea.cjs.entry.js.map +1 -1
- package/dist/cjs/br-upload.cjs.entry.js +3 -3
- package/dist/cjs/br-upload.cjs.entry.js.map +1 -1
- package/dist/cjs/{index-81c11ce2.js → index-86e7422e.js} +16 -24
- package/dist/cjs/index-86e7422e.js.map +1 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/webcomponents.cjs.js +3 -3
- package/dist/cjs/webcomponents.cjs.js.map +1 -1
- package/dist/collection/collection-manifest.json +2 -1
- package/dist/collection/components/avatar/avatar.css +3 -1
- package/dist/collection/components/button/button.css +3 -1
- package/dist/collection/components/checkbox/checkbox.css +3 -1
- package/dist/collection/components/dropdown/dropdown.css +3 -1
- package/dist/collection/components/icon/icon.css +3 -1
- package/dist/collection/components/input/input.css +3 -1
- package/dist/collection/components/item/item.css +3 -1
- package/dist/collection/components/list/list.css +3 -1
- package/dist/collection/components/loading/loading.css +3 -1
- package/dist/collection/components/message/message.css +3 -1
- package/dist/collection/components/radio/radio.css +3 -1
- package/dist/collection/components/radio/radio.js +1 -1
- package/dist/collection/components/radio/radio.js.map +1 -1
- package/dist/collection/components/select/select.css +857 -0
- package/dist/collection/components/select/select.js +491 -0
- package/dist/collection/components/select/select.js.map +1 -0
- package/dist/collection/components/switch/switch.css +3 -1
- package/dist/collection/components/switch/switch.js +1 -1
- package/dist/collection/components/tag/tag.css +3 -1
- package/dist/collection/components/tag/tag.js +1 -1
- package/dist/collection/components/textarea/textarea.css +3 -1
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/upload/upload.css +3 -1
- package/dist/collection/components/upload/upload.js +1 -1
- package/dist/collection/pages/components/select/index.js +18 -0
- package/dist/collection/pages/scripts/menu.js +5 -0
- package/dist/collection/scripts/menu.js +5 -0
- package/dist/components/br-avatar.js +1 -1
- package/dist/components/br-avatar.js.map +1 -1
- package/dist/components/br-button.js +1 -1
- package/dist/components/br-checkbox.js +1 -1
- package/dist/components/br-checkbox.js.map +1 -1
- package/dist/components/br-dropdown.js +1 -1
- package/dist/components/br-dropdown.js.map +1 -1
- package/dist/components/br-icon.js +1 -1
- package/dist/components/br-input.js +1 -1
- package/dist/components/br-input.js.map +1 -1
- package/dist/components/br-item.js +1 -1
- package/dist/components/br-item.js.map +1 -1
- package/dist/components/br-list.js +1 -1
- package/dist/components/br-list.js.map +1 -1
- package/dist/components/br-loading.js +1 -1
- package/dist/components/br-loading.js.map +1 -1
- package/dist/components/br-message.js +1 -1
- package/dist/components/br-message.js.map +1 -1
- package/dist/components/br-radio.js +1 -1
- package/dist/components/br-radio.js.map +1 -1
- package/dist/components/br-select.d.ts +11 -0
- package/dist/components/br-select.js +6 -0
- package/dist/components/br-select.js.map +1 -0
- package/dist/components/br-switch.js +1 -1
- package/dist/components/br-switch.js.map +1 -1
- package/dist/components/br-tag.js +1 -1
- package/dist/components/br-tag.js.map +1 -1
- package/dist/components/br-textarea.js +1 -1
- package/dist/components/br-textarea.js.map +1 -1
- package/dist/components/br-upload.js +1 -1
- package/dist/components/br-upload.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-22068d3c.js +6 -0
- package/dist/components/p-22068d3c.js.map +1 -0
- package/dist/components/p-62776355.js +6 -0
- package/dist/components/p-62776355.js.map +1 -0
- package/dist/components/p-67617725.js +6 -0
- package/dist/components/{p-e4af8eac.js.map → p-67617725.js.map} +1 -1
- package/dist/components/p-7882cb21.js +6 -0
- package/dist/components/p-7882cb21.js.map +1 -0
- package/dist/components/p-7aca304a.js +6 -0
- package/dist/components/p-7aca304a.js.map +1 -0
- package/dist/components/{p-64831033.js → p-b4b55ab7.js} +3 -3
- package/dist/components/{p-64831033.js.map → p-b4b55ab7.js.map} +1 -1
- package/dist/components/{p-2d8e59f6.js → p-fabd9bdd.js} +2 -2
- package/dist/components/p-fabd9bdd.js.map +1 -0
- package/dist/esm/br-avatar.entry.js +2 -2
- package/dist/esm/br-avatar.entry.js.map +1 -1
- package/dist/esm/br-button_2.entry.js +3 -3
- package/dist/esm/br-button_2.entry.js.map +1 -1
- package/dist/esm/br-checkbox_4.entry.js +339 -0
- package/dist/esm/br-checkbox_4.entry.js.map +1 -0
- package/dist/esm/br-dropdown.entry.js +2 -2
- package/dist/esm/br-dropdown.entry.js.map +1 -1
- package/dist/esm/br-item.entry.js +2 -2
- package/dist/esm/br-item.entry.js.map +1 -1
- package/dist/esm/br-loading.entry.js +2 -2
- package/dist/esm/br-loading.entry.js.map +1 -1
- package/dist/esm/br-message.entry.js +2 -2
- package/dist/esm/br-message.entry.js.map +1 -1
- package/dist/esm/br-select.entry.js +277 -0
- package/dist/esm/br-select.entry.js.map +1 -0
- package/dist/esm/br-switch.entry.js +3 -3
- package/dist/esm/br-switch.entry.js.map +1 -1
- package/dist/esm/br-tag.entry.js +3 -3
- package/dist/esm/br-tag.entry.js.map +1 -1
- package/dist/esm/br-textarea.entry.js +3 -3
- package/dist/esm/br-textarea.entry.js.map +1 -1
- package/dist/esm/br-upload.entry.js +3 -3
- package/dist/esm/br-upload.entry.js.map +1 -1
- package/dist/esm/{index-aab4a630.js → index-14721f44.js} +16 -24
- package/dist/esm/index-14721f44.js.map +1 -0
- package/dist/esm/loader.js +3 -3
- package/dist/esm/webcomponents.js +4 -4
- package/dist/esm/webcomponents.js.map +1 -1
- package/dist/esm-es5/br-avatar.entry.js +1 -1
- package/dist/esm-es5/br-avatar.entry.js.map +1 -1
- package/dist/esm-es5/br-button_2.entry.js +2 -2
- package/dist/esm-es5/br-button_2.entry.js.map +1 -1
- package/dist/esm-es5/br-checkbox_4.entry.js +6 -0
- package/dist/esm-es5/br-checkbox_4.entry.js.map +1 -0
- package/dist/esm-es5/br-dropdown.entry.js +2 -2
- package/dist/esm-es5/br-dropdown.entry.js.map +1 -1
- package/dist/esm-es5/br-item.entry.js +1 -1
- package/dist/esm-es5/br-item.entry.js.map +1 -1
- package/dist/esm-es5/br-loading.entry.js +1 -1
- package/dist/esm-es5/br-loading.entry.js.map +1 -1
- package/dist/esm-es5/br-message.entry.js +1 -1
- package/dist/esm-es5/br-message.entry.js.map +1 -1
- package/dist/esm-es5/br-select.entry.js +6 -0
- package/dist/esm-es5/br-select.entry.js.map +1 -0
- package/dist/esm-es5/br-switch.entry.js +2 -2
- package/dist/esm-es5/br-switch.entry.js.map +1 -1
- package/dist/esm-es5/br-tag.entry.js +1 -1
- package/dist/esm-es5/br-tag.entry.js.map +1 -1
- package/dist/esm-es5/br-textarea.entry.js +2 -2
- package/dist/esm-es5/br-textarea.entry.js.map +1 -1
- package/dist/esm-es5/br-upload.entry.js +1 -1
- package/dist/esm-es5/br-upload.entry.js.map +1 -1
- package/dist/esm-es5/index-14721f44.js +6 -0
- package/dist/esm-es5/index-14721f44.js.map +1 -0
- package/dist/esm-es5/loader.js +2 -2
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/webcomponents.js +2 -2
- package/dist/esm-es5/webcomponents.js.map +1 -1
- package/dist/types/components/select/select.d.ts +98 -0
- package/dist/types/components.d.ts +108 -0
- package/dist/webcomponents/p-11e8c72f.entry.js +6 -0
- package/dist/webcomponents/{p-842b2513.entry.js.map → p-11e8c72f.entry.js.map} +1 -1
- package/dist/webcomponents/p-1accc2ab.system.entry.js +6 -0
- package/dist/webcomponents/{p-55604b7f.system.entry.js.map → p-1accc2ab.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-36e48582.system.entry.js +6 -0
- package/dist/webcomponents/p-36e48582.system.entry.js.map +1 -0
- package/dist/webcomponents/p-37440256.entry.js +6 -0
- package/dist/webcomponents/{p-dcf41d91.entry.js.map → p-37440256.entry.js.map} +1 -1
- package/dist/webcomponents/p-44554246.system.entry.js +6 -0
- package/dist/webcomponents/p-44554246.system.entry.js.map +1 -0
- package/dist/webcomponents/p-55f80a96.system.entry.js +6 -0
- package/dist/webcomponents/{p-baad00f8.system.entry.js.map → p-55f80a96.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-563bea26.entry.js +6 -0
- package/dist/webcomponents/{p-3f00a196.entry.js.map → p-563bea26.entry.js.map} +1 -1
- package/dist/webcomponents/{p-71be2e3f.system.entry.js → p-58d37ac2.entry.js} +3 -3
- package/dist/webcomponents/{p-626fe2cb.entry.js.map → p-58d37ac2.entry.js.map} +1 -1
- package/dist/webcomponents/p-64f4ecea.system.entry.js +6 -0
- package/dist/webcomponents/{p-71be2e3f.system.entry.js.map → p-64f4ecea.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-703a633a.system.js +6 -0
- package/dist/webcomponents/p-703a633a.system.js.map +1 -0
- package/dist/webcomponents/p-76326737.system.entry.js +6 -0
- package/dist/webcomponents/{p-6a8226b3.system.entry.js.map → p-76326737.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-797376a2.system.entry.js +17 -0
- package/dist/webcomponents/{p-d83e2172.system.entry.js.map → p-797376a2.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-7f8c5016.entry.js +6 -0
- package/dist/webcomponents/{p-d174c8cd.entry.js.map → p-7f8c5016.entry.js.map} +1 -1
- package/dist/webcomponents/p-a44ad074.entry.js +6 -0
- package/dist/webcomponents/p-a44ad074.entry.js.map +1 -0
- package/dist/webcomponents/p-aaa17439.entry.js +6 -0
- package/dist/webcomponents/p-aaa17439.entry.js.map +1 -0
- package/dist/webcomponents/{p-430afeb5.system.js → p-aaca726d.system.js} +2 -2
- package/dist/webcomponents/p-aaca726d.system.js.map +1 -0
- package/dist/webcomponents/p-aec894fa.system.entry.js +6 -0
- package/dist/webcomponents/{p-28476b17.system.entry.js.map → p-aec894fa.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-b16b1de5.entry.js +6 -0
- package/dist/webcomponents/{p-447c8036.entry.js.map → p-b16b1de5.entry.js.map} +1 -1
- package/dist/webcomponents/p-b6af61ad.entry.js +6 -0
- package/dist/webcomponents/{p-5539ffa8.entry.js.map → p-b6af61ad.entry.js.map} +1 -1
- package/dist/webcomponents/p-c696c385.entry.js +17 -0
- package/dist/webcomponents/{p-e6d921ef.entry.js.map → p-c696c385.entry.js.map} +1 -1
- package/dist/webcomponents/p-d1e0a8ff.entry.js +6 -0
- package/dist/webcomponents/{p-24da392a.entry.js.map → p-d1e0a8ff.entry.js.map} +1 -1
- package/dist/webcomponents/p-d31732da.system.entry.js +6 -0
- package/dist/webcomponents/{p-05343155.system.entry.js.map → p-d31732da.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-db4b272c.system.entry.js +6 -0
- package/dist/webcomponents/{p-ae629243.system.entry.js.map → p-db4b272c.system.entry.js.map} +1 -1
- package/dist/webcomponents/{p-2c2c8629.js → p-dbd35139.js} +2 -2
- package/dist/webcomponents/p-dbd35139.js.map +1 -0
- package/dist/webcomponents/p-e76f7113.system.entry.js +6 -0
- package/dist/webcomponents/{p-7a4e1265.system.entry.js.map → p-e76f7113.system.entry.js.map} +1 -1
- package/dist/webcomponents/p-f05d11f7.entry.js +6 -0
- package/dist/webcomponents/{p-61523bc9.entry.js.map → p-f05d11f7.entry.js.map} +1 -1
- package/dist/webcomponents/p-f5412db6.system.entry.js +6 -0
- package/dist/webcomponents/{p-8039a644.system.entry.js.map → p-f5412db6.system.entry.js.map} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/dist/webcomponents/webcomponents.esm.js.map +1 -1
- package/dist/webcomponents/webcomponents.js +1 -1
- package/hydrate/index.js +324 -30
- package/hydrate/index.mjs +324 -30
- package/package.json +1 -1
- package/vscode-data.json +45 -0
- package/dist/cjs/br-checkbox.cjs.entry.js +0 -76
- package/dist/cjs/br-checkbox.cjs.entry.js.map +0 -1
- package/dist/cjs/br-input.cjs.entry.js +0 -150
- package/dist/cjs/br-input.cjs.entry.js.map +0 -1
- package/dist/cjs/br-list.cjs.entry.js +0 -82
- package/dist/cjs/br-list.cjs.entry.js.map +0 -1
- package/dist/cjs/br-radio.cjs.entry.js +0 -79
- package/dist/cjs/br-radio.cjs.entry.js.map +0 -1
- package/dist/cjs/index-81c11ce2.js.map +0 -1
- package/dist/components/p-2d8e59f6.js.map +0 -1
- package/dist/components/p-e4af8eac.js +0 -6
- package/dist/esm/br-checkbox.entry.js +0 -72
- package/dist/esm/br-checkbox.entry.js.map +0 -1
- package/dist/esm/br-input.entry.js +0 -146
- package/dist/esm/br-input.entry.js.map +0 -1
- package/dist/esm/br-list.entry.js +0 -78
- package/dist/esm/br-list.entry.js.map +0 -1
- package/dist/esm/br-radio.entry.js +0 -75
- package/dist/esm/br-radio.entry.js.map +0 -1
- package/dist/esm/index-aab4a630.js.map +0 -1
- package/dist/esm-es5/br-checkbox.entry.js +0 -6
- package/dist/esm-es5/br-checkbox.entry.js.map +0 -1
- package/dist/esm-es5/br-input.entry.js +0 -6
- package/dist/esm-es5/br-input.entry.js.map +0 -1
- package/dist/esm-es5/br-list.entry.js +0 -6
- package/dist/esm-es5/br-list.entry.js.map +0 -1
- package/dist/esm-es5/br-radio.entry.js +0 -6
- package/dist/esm-es5/br-radio.entry.js.map +0 -1
- package/dist/esm-es5/index-aab4a630.js +0 -6
- package/dist/esm-es5/index-aab4a630.js.map +0 -1
- package/dist/webcomponents/p-05343155.system.entry.js +0 -6
- package/dist/webcomponents/p-183614c8.system.entry.js +0 -6
- package/dist/webcomponents/p-183614c8.system.entry.js.map +0 -1
- package/dist/webcomponents/p-2083ff7b.entry.js +0 -6
- package/dist/webcomponents/p-2083ff7b.entry.js.map +0 -1
- package/dist/webcomponents/p-24da392a.entry.js +0 -6
- package/dist/webcomponents/p-28476b17.system.entry.js +0 -6
- package/dist/webcomponents/p-2c2c8629.js.map +0 -1
- package/dist/webcomponents/p-3f00a196.entry.js +0 -6
- package/dist/webcomponents/p-430afeb5.system.js.map +0 -1
- package/dist/webcomponents/p-447c8036.entry.js +0 -6
- package/dist/webcomponents/p-5539ffa8.entry.js +0 -6
- package/dist/webcomponents/p-55604b7f.system.entry.js +0 -6
- package/dist/webcomponents/p-61523bc9.entry.js +0 -6
- package/dist/webcomponents/p-626fe2cb.entry.js +0 -6
- package/dist/webcomponents/p-6a8226b3.system.entry.js +0 -6
- package/dist/webcomponents/p-7a4e1265.system.entry.js +0 -6
- package/dist/webcomponents/p-8039a644.system.entry.js +0 -6
- package/dist/webcomponents/p-842b2513.entry.js +0 -6
- package/dist/webcomponents/p-8f156fc4.system.entry.js +0 -6
- package/dist/webcomponents/p-8f156fc4.system.entry.js.map +0 -1
- package/dist/webcomponents/p-9f0d01d1.entry.js +0 -6
- package/dist/webcomponents/p-9f0d01d1.entry.js.map +0 -1
- package/dist/webcomponents/p-ae629243.system.entry.js +0 -6
- package/dist/webcomponents/p-b88a5d9a.system.js +0 -6
- package/dist/webcomponents/p-b88a5d9a.system.js.map +0 -1
- package/dist/webcomponents/p-b9fd2bc0.system.entry.js +0 -6
- package/dist/webcomponents/p-b9fd2bc0.system.entry.js.map +0 -1
- package/dist/webcomponents/p-baad00f8.system.entry.js +0 -6
- package/dist/webcomponents/p-d174c8cd.entry.js +0 -6
- package/dist/webcomponents/p-d83e2172.system.entry.js +0 -17
- package/dist/webcomponents/p-dcf41d91.entry.js +0 -6
- package/dist/webcomponents/p-e027fca2.entry.js +0 -6
- package/dist/webcomponents/p-e027fca2.entry.js.map +0 -1
- package/dist/webcomponents/p-e6d921ef.entry.js +0 -17
- package/dist/webcomponents/p-e8b5b14f.entry.js +0 -6
- package/dist/webcomponents/p-e8b5b14f.entry.js.map +0 -1
- package/dist/webcomponents/p-f5e674ba.system.entry.js +0 -6
- package/dist/webcomponents/p-f5e674ba.system.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["textareaCss","BrTextareaStyle0","Textarea","this","handleChange","event","textarea","target","value","currentLength","_a","length","emitValueChange","inheritedAttributes","uuidv4","componentWillLoad","inheritAriaAttributes","el","valueChanged","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","small","density","medium","large","success","state","danger","warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isInline","htmlFor","customId","label","id","placeholder","disabled","onInput","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n display: block;\n box-sizing: border-box;\n font-family: Rawline, Raleway, sans-serif;\n}\n","import { AttachInternals, Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core'\n\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n tag: 'br-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea {\n @Element() el: HTMLBrTextareaElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n */\n @Prop({ mutable: true, reflect: true }) value: string\n\n /**\n * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n */\n @Prop({ reflect: true }) label: string\n\n /**\n * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n */\n @Prop({ reflect: true }) placeholder: string\n\n /**\n * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n */\n @Prop({ reflect: true }) maxlength: number = 0\n\n /**\n * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n */\n @Prop({ reflect: true }) state: 'danger' | 'success' | 'warning'\n /**\n * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n /**\n * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n */\n @State() currentLength: number\n\n /**\n * Identificador único do textarea.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-textarea-${uuidv4()}`\n\n componentWillLoad() {\n this.currentLength = this.value?.length\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n @Watch('value')\n valueChanged() {\n this.currentLength = this.value?.length\n }\n\n /**\n * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n * @param event - O evento de entrada do textarea.\n */\n private readonly handleChange = (event: Event) => {\n const textarea = event.target as HTMLTextAreaElement\n this.value = textarea.value\n this.currentLength = this.value?.length\n this.emitValueChange()\n }\n\n /**\n * Define um novo valor para o textarea.\n * @param newValue - O novo valor a ser definido.\n */\n @Method()\n async setValue(newValue: string) {\n this.value = newValue\n this.currentLength = this.value?.length\n this.emitValueChange()\n }\n\n private emitValueChange() {\n const changeEvent = new CustomEvent('valueChange', {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n })\n this.el.dispatchEvent(changeEvent)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-textarea': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n success: this.state === 'success',\n danger: this.state === 'danger',\n warning: this.state === 'warning',\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n const caracteresRestantes: number = this.maxlength - this.currentLength\n const mostrarLimite = this.currentLength > 0\n\n return (\n <Host>\n <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n <div class={this.isInline ? 'row' : ''}>\n {this.isInline ? (\n <div class=\"col-auto pt-half\">\n <label htmlFor={this.customId}>{this.label}</label>\n </div>\n ) : (\n <label htmlFor={this.customId}>{this.label}</label>\n )}\n <div class={this.isInline ? 'col' : ''}>\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleChange}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n ></textarea>\n <div class=\"text-base mt-1\">\n {this.maxlength > 0 && (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\">\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n )}\n </div>\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAc,
|
|
1
|
+
{"version":3,"names":["textareaCss","BrTextareaStyle0","Textarea","this","handleChange","event","textarea","target","value","currentLength","_a","length","emitValueChange","inheritedAttributes","uuidv4","componentWillLoad","inheritAriaAttributes","el","valueChanged","setValue","newValue","changeEvent","CustomEvent","detail","bubbles","composed","dispatchEvent","getCssClassMap","small","density","medium","large","success","state","danger","warning","render","caracteresRestantes","maxlength","mostrarLimite","h","Host","key","Object","assign","class","isInline","htmlFor","customId","label","id","placeholder","disabled","onInput","maxLength","role"],"sources":["src/components/textarea/textarea.scss?tag=br-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/textarea/textarea.scss\";\n:host {\n display: block;\n box-sizing: border-box;\n font-family: Rawline, Raleway, sans-serif;\n}\n","import { AttachInternals, Component, Element, h, Host, Method, Prop, State, Watch } from '@stencil/core'\n\nimport { v4 as uuidv4 } from 'uuid'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/textarea?tab=designer).\n *\n * @slot default - Espaço de conteúdo do textarea. Geralmente usado para incluir texto adicional ou instruções para o usuário.\n */\n@Component({\n tag: 'br-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea {\n @Element() el: HTMLBrTextareaElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Valor atual do textarea. Este valor pode ser alterado programaticamente.\n */\n @Prop({ mutable: true, reflect: true }) value: string\n\n /**\n * Texto do rótulo associado ao textarea. Este rótulo é exibido acima do campo de entrada.\n */\n @Prop({ reflect: true }) label: string\n\n /**\n * Texto exibido quando o textarea está vazio. Ajuda a guiar o usuário sobre o que deve ser inserido.\n */\n @Prop({ reflect: true }) placeholder: string\n\n /**\n * Indica se o textarea está desabilitado. Quando verdadeiro, o usuário não pode interagir com o campo.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n /**\n * Número máximo de caracteres permitidos no textarea. Se definido como 0, não há limite.\n */\n @Prop({ reflect: true }) maxlength: number = 0\n\n /**\n * Define o estado visual do componente, podendo ser 'danger', 'success' ou 'warning'.\n */\n @Prop({ reflect: true }) state: 'danger' | 'success' | 'warning'\n /**\n * Ajusta a densidade do componente, podendo ser 'small', 'medium' ou 'large'.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'medium'\n\n /**\n * Se verdadeiro, o rótulo e o input estarão na mesma linha (layout inline).\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Comprimento atual do texto no textarea. É atualizado sempre que o valor do textarea muda.\n */\n @State() currentLength: number\n\n /**\n * Identificador único do textarea.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true, attribute: 'id' }) customId: string = `br-textarea-${uuidv4()}`\n\n componentWillLoad() {\n this.currentLength = this.value?.length\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n @Watch('value')\n valueChanged() {\n this.currentLength = this.value?.length\n }\n\n /**\n * Manipula a mudança de valor do textarea. Atualiza o valor e emite um evento de mudança.\n * @param event - O evento de entrada do textarea.\n */\n private readonly handleChange = (event: Event) => {\n const textarea = event.target as HTMLTextAreaElement\n this.value = textarea.value\n this.currentLength = this.value?.length\n this.emitValueChange()\n }\n\n /**\n * Define um novo valor para o textarea.\n * @param newValue - O novo valor a ser definido.\n */\n @Method()\n async setValue(newValue: string) {\n this.value = newValue\n this.currentLength = this.value?.length\n this.emitValueChange()\n }\n\n private emitValueChange() {\n const changeEvent = new CustomEvent('valueChange', {\n detail: { value: this.value },\n bubbles: true,\n composed: true,\n })\n this.el.dispatchEvent(changeEvent)\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-textarea': true,\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n success: this.state === 'success',\n danger: this.state === 'danger',\n warning: this.state === 'warning',\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n const caracteresRestantes: number = this.maxlength - this.currentLength\n const mostrarLimite = this.currentLength > 0\n\n return (\n <Host>\n <div class={this.getCssClassMap()} {...this.inheritedAttributes}>\n <div class={this.isInline ? 'row' : ''}>\n {this.isInline ? (\n <div class=\"col-auto pt-half\">\n <label htmlFor={this.customId}>{this.label}</label>\n </div>\n ) : (\n <label htmlFor={this.customId}>{this.label}</label>\n )}\n <div class={this.isInline ? 'col' : ''}>\n <textarea\n id={this.customId}\n value={this.value}\n placeholder={this.placeholder}\n disabled={this.disabled}\n onInput={this.handleChange}\n {...(this.maxlength > 0 ? { maxLength: this.maxlength } : {})}\n ></textarea>\n <div class=\"text-base mt-1\">\n {this.maxlength > 0 && (\n <div>\n {mostrarLimite ? (\n <span class=\"restantes\" aria-live=\"polite\" role=\"status\" id=\"limitmax\">\n Restam <strong>{caracteresRestantes}</strong> caracteres\n </span>\n ) : (\n <span class=\"limit\" aria-live=\"polite\">\n Limite máximo de <strong>{this.maxlength}</strong> caracteres\n </span>\n )}\n </div>\n )}\n </div>\n <slot></slot>\n </div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;4HAAA,MAAMA,EAAc,+uWACpB,MAAAC,EAAeD,E,MCgBFE,EAAQ,M,8MAqEFC,KAAAC,aAAgBC,I,MAC/B,MAAMC,EAAWD,EAAME,OACvBJ,KAAKK,MAAQF,EAASE,MACtBL,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iBAAiB,EAmChBT,KAAAU,oBAAkC,G,mFArFG,M,eAKA,E,kCASoB,S,cAKpB,M,2CAWgB,eAAeC,K,CAE5E,iBAAAC,G,MACEZ,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKU,oBAAsBG,EAAsBb,KAAKc,G,CAIxD,YAAAC,G,MACEf,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,M,CAmBnC,cAAMQ,CAASC,G,MACbjB,KAAKK,MAAQY,EACbjB,KAAKM,eAAgBC,EAAAP,KAAKK,SAAK,MAAAE,SAAA,SAAAA,EAAEC,OACjCR,KAAKS,iB,CAGC,eAAAA,GACN,MAAMS,EAAc,IAAIC,YAAY,cAAe,CACjDC,OAAQ,CAAEf,MAAOL,KAAKK,OACtBgB,QAAS,KACTC,SAAU,OAEZtB,KAAKc,GAAGS,cAAcL,E,CAGhB,cAAAM,GACN,MAAO,CACL,cAAe,KACfC,MAAOzB,KAAK0B,UAAY,QACxBC,OAAQ3B,KAAK0B,UAAY,SACzBE,MAAO5B,KAAK0B,UAAY,QACxBG,QAAS7B,KAAK8B,QAAU,UACxBC,OAAQ/B,KAAK8B,QAAU,SACvBE,QAAShC,KAAK8B,QAAU,U,CAM5B,MAAAG,GACE,MAAMC,EAA8BlC,KAAKmC,UAAYnC,KAAKM,cAC1D,MAAM8B,EAAgBpC,KAAKM,cAAgB,EAE3C,OACE+B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,MAAAG,OAAAC,OAAA,CAAAF,IAAA,2CAAKG,MAAO1C,KAAKwB,kBAAsBxB,KAAKU,qBAC1C2B,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IACjC3C,KAAK2C,SACJN,EAAA,OAAKK,MAAM,oBACTL,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,QAGvCT,EAAA,SAAOO,QAAS5C,KAAK6C,UAAW7C,KAAK8C,OAEvCT,EAAA,OAAAE,IAAA,2CAAKG,MAAO1C,KAAK2C,SAAW,MAAQ,IAClCN,EAAA,WAAAG,OAAAC,OAAA,CAAAF,IAAA,2CACEQ,GAAI/C,KAAK6C,SACTxC,MAAOL,KAAKK,MACZ2C,YAAahD,KAAKgD,YAClBC,SAAUjD,KAAKiD,SACfC,QAASlD,KAAKC,cACTD,KAAKmC,UAAY,EAAI,CAAEgB,UAAWnD,KAAKmC,WAAc,KAE5DE,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBACR1C,KAAKmC,UAAY,GAChBE,EAAA,OAAAE,IAAA,4CACGH,EACCC,EAAA,QAAMK,MAAM,YAAW,YAAW,SAASU,KAAK,SAASL,GAAG,YAAU,UAC7DV,EAAA,cAASH,GAA6B,eAG/CG,EAAA,QAAMK,MAAM,QAAO,YAAW,UAAQ,oBACnBL,EAAA,cAASrC,KAAKmC,WAAmB,iBAM5DE,EAAA,QAAAE,IAAA,gD","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Construído com @govbr-ds/webcomponents
|
|
3
|
+
* Padrão Digital de Governo.
|
|
4
|
+
*/
|
|
5
|
+
System.register(["./p-aaca726d.system.js"],(function(r){"use strict";var t,a,e,i,o;return{setters:[function(r){t=r.r;a=r.c;e=r.h;i=r.a;o=r.g}],execute:function(){var n='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-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}';var l=n;var c=r("br_item",function(){function r(r){var e=this;t(this,r);this.brDidClick=a(this,"brDidClick",7);this.brDidSelect=a(this,"brDidSelect",7);if(r.$hostElement$["s-ei"]){this.elementInternals=r.$hostElement$["s-ei"]}else{this.elementInternals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleClick=function(r){var t=r.target;if(e.disabled){r.preventDefault();r.stopPropagation()}if(e.isButton){e.brDidClick.emit()}else if(e.isInteractive&&!e.isClickInsideInteractiveElement(t)){e.selectedValue=!e.selectedValue;e.brDidSelect.emit({selected:e.selectedValue});e.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}r.prototype.handleChange=function(r){var t=r.target;if(this.el.contains(t)){this.updateItemSelectionState()}};r.prototype.componentWillLoad=function(){this.hasSlotContentDefault();this.hasSlotStart=this.hasSlotContent("start");this.hasSlotEnd=this.hasSlotContent("end");this.selectedValue=this.isSelected;if(this.isButton){this.type=this.type||"button"}this.updateItemSelectionState()};r.prototype.componentDidLoad=function(){this.updateCheckboxes()};r.prototype.hasSlotContentDefault=function(){this.hasSlotDefault=this.el.innerHTML!==""};r.prototype.hasSlotContent=function(r){return this.el.querySelector('[slot="'.concat(r,'"]'))!==null};r.prototype.getCssClassMap=function(){return{"br-item":true,disabled:this.disabled,active:this.isActive,selected:this.selectedValue,"py-3":this.density==="medium","py-4":this.density==="small"}};r.prototype.getTagType=function(){var r;if(this.isButton){return"button"}if(((r=this.href)===null||r===void 0?void 0:r.length)>0){return"a"}return"div"};r.prototype.getAttributes=function(){var r=this.getTagType();var 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}),this.inheritedAttributes)};r.prototype.updateItemSelectionState=function(){var r=Array.from(this.el.querySelectorAll("br-checkbox"));var t=Array.from(this.el.querySelectorAll("br-radio"));var a=false;var e=false;if(r.length>0){a=r.some((function(r){return r.checked}))}if(t.length>0){e=t.some((function(r){return r.checked}))}this.selectedValue=a||e};r.prototype.isClickInsideInteractiveElement=function(r){var t="br-checkbox, br-radio, br-input, br-button, br-select, br-textarea";var a=this.el.querySelectorAll(t);return Array.from(a).some((function(t){return t.contains(r)||r===t}))};r.prototype.updateCheckboxes=function(){var r=this;var t=Array.from(this.el.querySelectorAll("br-checkbox"));t.forEach((function(t){t.checked=r.selectedValue}))};r.prototype.render=function(){var r=this.getTagType();var t=this.getAttributes();var a=this.getCssClassMap();return e(i,{key:"cd5aaacd053d2a3dcce81f2be4948a499b8165a2"},e(r,Object.assign({key:"f6987c1b45458255f4008568cbeececc8d2f5548",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)))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());c.style=l}}}));
|
|
6
|
+
//# sourceMappingURL=p-f5412db6.system.entry.js.map
|
package/dist/webcomponents/{p-8039a644.system.entry.js.map → p-f5412db6.system.entry.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["itemCss","BrItemStyle0","Item","exports","this","inheritedAttributes","handleClick","event","clickedElement","target","_this","disabled","preventDefault","stopPropagation","isButton","brDidClick","emit","isInteractive","isClickInsideInteractiveElement","selectedValue","brDidSelect","selected","updateCheckboxes","class_1","prototype","handleChange","el","contains","updateItemSelectionState","componentWillLoad","hasSlotContentDefault","hasSlotStart","hasSlotContent","hasSlotEnd","isSelected","type","componentDidLoad","hasSlotDefault","innerHTML","slotName","querySelector","concat","getCssClassMap","active","isActive","density","getTagType","_a","href","length","getAttributes","TagType","baseAttributes","value","Object","assign","checkboxes","Array","from","querySelectorAll","radios","isAnyCheckboxChecked","isAnyRadioSelected","some","cb","checked","radio","interactiveSelectors","interactiveElements","forEach","checkbox","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 \"../../../../../node_modules/@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 @Listen('brDidCheckedChange', { target: 'document' })\n handleChange(event: Event) {\n const target = event.target as HTMLElement\n\n if (this.el.contains(target)) {\n this.updateItemSelectionState()\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 this.updateItemSelectionState()\n }\n\n componentDidLoad() {\n this.updateCheckboxes()\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 ...this.inheritedAttributes,\n }\n }\n\n private updateItemSelectionState() {\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n\n let isAnyCheckboxChecked = false\n let isAnyRadioSelected = false\n\n if (checkboxes.length > 0) {\n isAnyCheckboxChecked = checkboxes.some((cb) => cb.checked)\n }\n if (radios.length > 0) {\n isAnyRadioSelected = radios.some((radio) => radio.checked)\n }\n\n this.selectedValue = isAnyCheckboxChecked || isAnyRadioSelected\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.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 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":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["itemCss","BrItemStyle0","Item","exports","this","inheritedAttributes","handleClick","event","clickedElement","target","_this","disabled","preventDefault","stopPropagation","isButton","brDidClick","emit","isInteractive","isClickInsideInteractiveElement","selectedValue","brDidSelect","selected","updateCheckboxes","class_1","prototype","handleChange","el","contains","updateItemSelectionState","componentWillLoad","hasSlotContentDefault","hasSlotStart","hasSlotContent","hasSlotEnd","isSelected","type","componentDidLoad","hasSlotDefault","innerHTML","slotName","querySelector","concat","getCssClassMap","active","isActive","density","getTagType","_a","href","length","getAttributes","TagType","baseAttributes","value","Object","assign","checkboxes","Array","from","querySelectorAll","radios","isAnyCheckboxChecked","isAnyRadioSelected","some","cb","checked","radio","interactiveSelectors","interactiveElements","forEach","checkbox","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 \"../../../../../node_modules/@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 @Listen('brDidCheckedChange', { target: 'document' })\n handleChange(event: Event) {\n const target = event.target as HTMLElement\n\n if (this.el.contains(target)) {\n this.updateItemSelectionState()\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 this.updateItemSelectionState()\n }\n\n componentDidLoad() {\n this.updateCheckboxes()\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 ...this.inheritedAttributes,\n }\n }\n\n private updateItemSelectionState() {\n const checkboxes = Array.from(this.el.querySelectorAll('br-checkbox'))\n const radios = Array.from(this.el.querySelectorAll('br-radio'))\n\n let isAnyCheckboxChecked = false\n let isAnyRadioSelected = false\n\n if (checkboxes.length > 0) {\n isAnyCheckboxChecked = checkboxes.some((cb) => cb.checked)\n }\n if (radios.length > 0) {\n isAnyRadioSelected = radios.some((radio) => radio.checked)\n }\n\n this.selectedValue = isAnyCheckboxChecked || isAnyRadioSelected\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.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 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":"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","ignoreList":[]}
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Construído com @govbr-ds/webcomponents
|
|
3
3
|
* Padrão Digital de Governo.
|
|
4
4
|
*/
|
|
5
|
-
import{p as e,H as i,b as a}from"./p-
|
|
5
|
+
import{p as e,H as i,b as a}from"./p-dbd35139.js";export{s as setNonce}from"./p-dbd35139.js";import{g as l}from"./p-254a2b7c.js";var t=()=>{{n(i.prototype)}const s=import.meta.url;const a={};if(s!==""){a.resourcesUrl=new URL(".",s).href}return e(a)};var n=e=>{const i=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return i.call(this,e)}const s=i.call(this,false);const a=this.childNodes;if(e){for(let e=0;e<a.length;e++){if(a[e].nodeType!==2){s.appendChild(a[e].cloneNode(true))}}}return s}};t().then((async e=>{await l();return a([["p-aaa17439",[[65,"br-select",{label:[513],placeholder:[513],isMultiple:[516,"is-multiple"],options:[513],selectAllLabel:[513,"select-all-label"],unselectAllLabel:[513,"unselect-all-label"],showSearchIcon:[516,"show-search-icon"],isOpen:[516,"is-open"],customId:[513,"id"],parsedOptions:[32],inputValue:[32],isAllSelected:[32],isExpanded:[32],focusedIndex:[32],toggleOpen:[64]},null,{options:["synchronizeSelect"]}]]],["p-11e8c72f",[[65,"br-message",{messageTitle:[513,"message-title"],message:[513],isInline:[516,"is-inline"],isClosable:[516,"is-closable"],showIcon:[516,"show-icon"],isFeedback:[516,"is-feedback"],state:[513]}]]],["p-b16b1de5",[[65,"br-tag",{label:[513],iconName:[513,"icon-name"],color:[513],density:[513],shape:[513],status:[516],interaction:[516],disabled:[516],stateIconName:[32]}]]],["p-7f8c5016",[[65,"br-upload",{accept:[1],label:[1],disabled:[516],state:[513],multiple:[4],filesSelected:[32],file:[32]}]]],["p-37440256",[[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"]}]]],["p-b6af61ad",[[65,"br-dropdown",{isOpen:[1540,"is-open"],open:[64],hide:[64]},null,{isOpen:["isOpenChanged"]}]]],["p-d1e0a8ff",[[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,"brDidCheckedChange","handleChange"]]]]],["p-563bea26",[[65,"br-loading",{isProgress:[516,"is-progress"],progressPercent:[514,"progress-percent"],isMedium:[516,"is-medium"],label:[513]}]]],["p-58d37ac2",[[65,"br-switch",{disabled:[516],checked:[516],customId:[513,"id"],label:[1],labelPosition:[513,"label-position"],labelOn:[513,"label-on"],labelOff:[513,"label-off"],hasIcon:[516,"has-icon"],name:[513],value:[513],density:[513],_slotDefault:[32],_checkedValue:[32],toggleChecked:[64]}]]],["p-f05d11f7",[[65,"br-textarea",{value:[1537],label:[513],placeholder:[513],disabled:[516],maxlength:[514],state:[513],density:[513],isInline:[516,"is-inline"],customId:[513,"id"],currentLength:[32],setValue:[64]},null,{value:["valueChanged"]}]]],["p-c696c385",[[65,"br-button",{colorMode:[513,"color-mode"],density:[513],disabled:[516],emphasis:[513],isActive:[516,"is-active"],isLoading:[516,"is-loading"],shape:[513],type:[513],value:[513]}],[1,"br-icon",{iconName:[513,"icon-name"],height:[513],width:[513],cssClasses:[513,"css-classes"],isInline:[516,"is-inline"],rotate:[513],flip:[513]}]]],["p-a44ad074",[[65,"br-input",{customId:[513,"id"],type:[513],autocomplete:[513],density:[513],disabled:[516],isInline:[516,"is-inline"],isHighlight:[516,"is-highlight"],state:[513],label:[513],name:[513],placeholder:[513],readonly:[516],required:[516],value:[1537],helpText:[513,"help-text"],autocorrect:[513],min:[514],max:[514],minlength:[514],maxlength:[514],multiple:[516],pattern:[513],step:[514],isPasswordVisible:[32],hasIconSlot:[32],hasActionSlot:[32]}],[65,"br-checkbox",{indeterminate:[516],checked:[1540],customId:[513,"id"],disabled:[516],hasHiddenLabel:[516,"has-hidden-label"],label:[513],name:[513],state:[513],value:[520],_slotDefault:[32],toggleChecked:[64]}],[65,"br-list",{header:[513],isHorizontal:[516,"is-horizontal"],hideHeaderDivider:[516,"hide-header-divider"]}],[65,"br-radio",{checked:[1540],disabled:[516],state:[513],hasHiddenLabel:[516,"has-hidden-label"],name:[513],label:[513],value:[520],customId:[513,"id"]},[[8,"brDidChange","onBrDidChange"]]]]]],e)}));
|
|
6
6
|
//# sourceMappingURL=webcomponents.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","customId","
|
|
1
|
+
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","label","placeholder","isMultiple","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","customId","parsedOptions","inputValue","isAllSelected","isExpanded","focusedIndex","toggleOpen","messageTitle","message","isInline","isClosable","showIcon","isFeedback","state","iconName","color","density","shape","status","interaction","disabled","stateIconName","accept","multiple","filesSelected","file","image","imageAlt","isIconic","text","iconWidth","iconHeight","marginTop","open","hide","isActive","isSelected","isInteractive","target","isButton","type","value","hasSlotDefault","hasSlotStart","hasSlotEnd","selectedValue","isProgress","progressPercent","isMedium","checked","labelPosition","labelOn","labelOff","hasIcon","name","_slotDefault","_checkedValue","toggleChecked","maxlength","currentLength","setValue","colorMode","emphasis","isLoading","height","width","cssClasses","rotate","flip","autocomplete","isHighlight","readonly","required","helpText","autocorrect","min","max","minlength","pattern","step","isPasswordVisible","hasIconSlot","hasActionSlot","indeterminate","hasHiddenLabel","header","isHorizontal","hideHeaderDivider"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-703a633a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|