@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":["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","options","__awaiter","globalScripts","_a","sent","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","options","__awaiter","globalScripts","_a","sent","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":";;;;sLAOA,IAAIA,aAAe,WAIO,CACtBC,kBAAkBC,EAAEC,UACxB,CAIE,IAAMC,cAAyBC,IAC/B,IAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,eAAeJ,EACxB,EACA,IAAIL,kBAAoB,SAACU,GACvB,IAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,IAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,IAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CACA,ECrCAlB,eAAeyB,MAAK,SAAOC,GAAO,OAAAC,eAAA,4B,4DAChC,SAAMC,iB,OAANC,EAAAC,OACA,SAAOC,cAAc,+BAA8B,CAAAC,MAAS,MAAAC,YAAA,MAAAC,WAAA,oBAAAR,QAAA,MAAAS,eAAA,yBAAAC,iBAAA,2BAAAC,eAAA,yBAAAC,OAAA,gBAAAC,SAAA,WAAAC,cAAA,KAAAC,WAAA,KAAAC,cAAA,KAAAC,WAAA,KAAAC,aAAA,KAAAC,WAAA,YAAAnB,QAAA,2DAAAoB,aAAA,sBAAAC,QAAA,MAAAC,SAAA,kBAAAC,WAAA,oBAAAC,SAAA,kBAAAC,WAAA,oBAAAC,MAAA,mCAAApB,MAAA,MAAAqB,SAAA,kBAAAC,MAAA,MAAAC,QAAA,MAAAC,MAAA,MAAAC,OAAA,MAAAC,YAAA,MAAAC,SAAA,MAAAC,cAAA,wCAAAC,OAAA,IAAA7B,MAAA,IAAA2B,SAAA,MAAAP,MAAA,MAAAU,SAAA,IAAAC,cAAA,KAAAC,KAAA,uCAAAT,QAAA,IAAAU,MAAA,IAAAC,SAAA,gBAAAC,SAAA,gBAAAC,KAAA,IAAAC,UAAA,iBAAAC,WAAA,kBAAAC,UAAA,wDAAAjC,OAAA,iBAAAkC,KAAA,KAAAC,KAAA,YAAAnC,OAAA,iDAAAqB,SAAA,MAAAe,SAAA,kBAAAC,WAAA,oBAAAC,cAAA,uBAAAnE,KAAA,MAAAoE,OAAA,MAAAC,SAAA,kBAAAC,KAAA,OAAAC,MAAA,MAAAzB,QAAA,MAAA0B,eAAA,KAAAC,aAAA,KAAAC,WAAA,KAAAC,cAAA,oFAAAC,WAAA,oBAAAC,gBAAA,yBAAAC,SAAA,kBAAAvD,MAAA,yCAAA2B,SAAA,MAAA6B,QAAA,MAAAjD,SAAA,WAAAP,MAAA,IAAAyD,cAAA,uBAAAC,QAAA,iBAAAC,SAAA,kBAAAC,QAAA,iBAAAC,KAAA,MAAAb,MAAA,MAAAzB,QAAA,MAAAuC,aAAA,KAAAC,cAAA,KAAAC,cAAA,4CAAAhB,MAAA,OAAAhD,MAAA,MAAAC,YAAA,MAAA0B,SAAA,MAAAsC,UAAA,MAAA7C,MAAA,MAAAG,QAAA,MAAAP,SAAA,kBAAAT,SAAA,WAAA2D,cAAA,KAAAC,SAAA,YAAAnB,MAAA,sDAAAoB,UAAA,mBAAA7C,QAAA,MAAAI,SAAA,MAAA0C,SAAA,MAAA3B,SAAA,kBAAA4B,UAAA,mBAAA9C,MAAA,MAAAuB,KAAA,MAAAC,MAAA,sBAAA3B,SAAA,kBAAAkD,OAAA,MAAAC,MAAA,MAAAC,WAAA,oBAAAzD,SAAA,kBAAA0D,OAAA,MAAAC,KAAA,4CAAApE,SAAA,WAAAwC,KAAA,MAAA6B,aAAA,MAAArD,QAAA,MAAAI,SAAA,MAAAX,SAAA,kBAAA6D,YAAA,qBAAAzD,MAAA,MAAApB,MAAA,MAAA6D,KAAA,MAAA5D,YAAA,MAAA6E,SAAA,MAAAC,SAAA,MAAA/B,MAAA,OAAAgC,SAAA,kBAAAC,YAAA,MAAAC,IAAA,MAAAC,IAAA,MAAAC,UAAA,MAAAnB,UAAA,MAAAnC,SAAA,MAAAuD,QAAA,MAAAC,KAAA,MAAAC,kBAAA,KAAAC,YAAA,KAAAC,cAAA,0BAAAC,cAAA,MAAAlC,QAAA,OAAAjD,SAAA,WAAAoB,SAAA,MAAAgE,eAAA,yBAAA3F,MAAA,MAAA6D,KAAA,MAAAzC,MAAA,MAAA4B,MAAA,MAAAc,aAAA,KAAAE,cAAA,sBAAA4B,OAAA,MAAAC,aAAA,sBAAAC,kBAAA,8CAAAtC,QAAA,OAAA7B,SAAA,MAAAP,MAAA,MAAAuE,eAAA,yBAAA9B,KAAA,MAAA7D,MAAA,MAAAgD,MAAA,MAAAzC,SAAA,oDAAAb,I","ignoreList":[]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
export declare class Select {
|
|
3
|
+
/**
|
|
4
|
+
* Referência ao elemento host do componente.
|
|
5
|
+
* Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.
|
|
6
|
+
*/
|
|
7
|
+
el: HTMLBrSelectElement;
|
|
8
|
+
elementInternals: ElementInternals;
|
|
9
|
+
/**
|
|
10
|
+
* Rótulo que indica o tipo de informação que deve ser selecionada.
|
|
11
|
+
*/
|
|
12
|
+
label: string;
|
|
13
|
+
/**
|
|
14
|
+
* Texto auxiliar exibido antes de uma seleção.
|
|
15
|
+
*/
|
|
16
|
+
placeholder: string;
|
|
17
|
+
/**
|
|
18
|
+
* Habilita o modo múltiplo para selecionar várias opções.
|
|
19
|
+
*/
|
|
20
|
+
isMultiple: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* JSON contendo as opções do select.
|
|
23
|
+
*/
|
|
24
|
+
options: string;
|
|
25
|
+
/**
|
|
26
|
+
* Rótulo para selecionar todas as opções.
|
|
27
|
+
*/
|
|
28
|
+
selectAllLabel: string;
|
|
29
|
+
/**
|
|
30
|
+
* Rótulo para desmarcar todas as opções.
|
|
31
|
+
*/
|
|
32
|
+
unselectAllLabel: string;
|
|
33
|
+
/**
|
|
34
|
+
* Exibe o ícone de busca no campo de entrada.
|
|
35
|
+
*/
|
|
36
|
+
showSearchIcon: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Indica se a listagem de itens do select está expandida
|
|
39
|
+
*/
|
|
40
|
+
isOpen: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Especifica o ID do componente.
|
|
43
|
+
* Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
|
|
44
|
+
*/
|
|
45
|
+
customId: string;
|
|
46
|
+
/**
|
|
47
|
+
* Contém o id gerado aleatoriamente
|
|
48
|
+
*/
|
|
49
|
+
private readonly idDefault;
|
|
50
|
+
parsedOptions: {
|
|
51
|
+
label: string;
|
|
52
|
+
value: string;
|
|
53
|
+
selected: boolean;
|
|
54
|
+
}[];
|
|
55
|
+
inputValue: string;
|
|
56
|
+
isAllSelected: boolean;
|
|
57
|
+
isExpanded: boolean;
|
|
58
|
+
focusedIndex: number;
|
|
59
|
+
/**
|
|
60
|
+
* Evento emitido sempre que houver atualização nos itens selecionados.
|
|
61
|
+
*/
|
|
62
|
+
brDidSelectChange: EventEmitter;
|
|
63
|
+
synchronizeSelect(): void;
|
|
64
|
+
componentWillLoad(): void;
|
|
65
|
+
componentDidLoad(): void;
|
|
66
|
+
disconnectedCallback(): void;
|
|
67
|
+
private sanitizeOptions;
|
|
68
|
+
private readonly handleClickOutside;
|
|
69
|
+
private handleKeydownOnInput;
|
|
70
|
+
private handleKeydownOnList;
|
|
71
|
+
private handleKeydownOnItem;
|
|
72
|
+
private handleSelectAllKeyDown;
|
|
73
|
+
private resetFocus;
|
|
74
|
+
private focusItemInDirection;
|
|
75
|
+
private focusItem;
|
|
76
|
+
private openSelect;
|
|
77
|
+
private closeSelect;
|
|
78
|
+
private handleSelection;
|
|
79
|
+
private updateSelectedOptions;
|
|
80
|
+
private getStringValue;
|
|
81
|
+
private emitSelectedOptions;
|
|
82
|
+
private updateSelectedAllState;
|
|
83
|
+
private toggleSelectAll;
|
|
84
|
+
private renderInput;
|
|
85
|
+
private renderSelectAllCheckbox;
|
|
86
|
+
private renderOptions;
|
|
87
|
+
/**
|
|
88
|
+
* Determina um id para o radio.
|
|
89
|
+
*/
|
|
90
|
+
private getComputedId;
|
|
91
|
+
/**
|
|
92
|
+
* Inverte o valor da prop `isOpen`
|
|
93
|
+
*/
|
|
94
|
+
toggleOpen(): Promise<void>;
|
|
95
|
+
private getCssClassMap;
|
|
96
|
+
private inheritedAttributes;
|
|
97
|
+
render(): any;
|
|
98
|
+
}
|
|
@@ -447,6 +447,48 @@ export namespace Components {
|
|
|
447
447
|
*/
|
|
448
448
|
"value": any;
|
|
449
449
|
}
|
|
450
|
+
interface BrSelect {
|
|
451
|
+
/**
|
|
452
|
+
* Especifica o ID do componente. Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
|
|
453
|
+
*/
|
|
454
|
+
"customId": string;
|
|
455
|
+
/**
|
|
456
|
+
* Habilita o modo múltiplo para selecionar várias opções.
|
|
457
|
+
*/
|
|
458
|
+
"isMultiple": boolean;
|
|
459
|
+
/**
|
|
460
|
+
* Indica se a listagem de itens do select está expandida
|
|
461
|
+
*/
|
|
462
|
+
"isOpen": boolean;
|
|
463
|
+
/**
|
|
464
|
+
* Rótulo que indica o tipo de informação que deve ser selecionada.
|
|
465
|
+
*/
|
|
466
|
+
"label": string;
|
|
467
|
+
/**
|
|
468
|
+
* JSON contendo as opções do select.
|
|
469
|
+
*/
|
|
470
|
+
"options": string;
|
|
471
|
+
/**
|
|
472
|
+
* Texto auxiliar exibido antes de uma seleção.
|
|
473
|
+
*/
|
|
474
|
+
"placeholder": string;
|
|
475
|
+
/**
|
|
476
|
+
* Rótulo para selecionar todas as opções.
|
|
477
|
+
*/
|
|
478
|
+
"selectAllLabel": string;
|
|
479
|
+
/**
|
|
480
|
+
* Exibe o ícone de busca no campo de entrada.
|
|
481
|
+
*/
|
|
482
|
+
"showSearchIcon": boolean;
|
|
483
|
+
/**
|
|
484
|
+
* Inverte o valor da prop `isOpen`
|
|
485
|
+
*/
|
|
486
|
+
"toggleOpen": () => Promise<void>;
|
|
487
|
+
/**
|
|
488
|
+
* Rótulo para desmarcar todas as opções.
|
|
489
|
+
*/
|
|
490
|
+
"unselectAllLabel": string;
|
|
491
|
+
}
|
|
450
492
|
/**
|
|
451
493
|
* Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
|
|
452
494
|
*/
|
|
@@ -633,6 +675,10 @@ export interface BrRadioCustomEvent<T> extends CustomEvent<T> {
|
|
|
633
675
|
detail: T;
|
|
634
676
|
target: HTMLBrRadioElement;
|
|
635
677
|
}
|
|
678
|
+
export interface BrSelectCustomEvent<T> extends CustomEvent<T> {
|
|
679
|
+
detail: T;
|
|
680
|
+
target: HTMLBrSelectElement;
|
|
681
|
+
}
|
|
636
682
|
export interface BrSwitchCustomEvent<T> extends CustomEvent<T> {
|
|
637
683
|
detail: T;
|
|
638
684
|
target: HTMLBrSwitchElement;
|
|
@@ -818,6 +864,23 @@ declare global {
|
|
|
818
864
|
prototype: HTMLBrRadioElement;
|
|
819
865
|
new (): HTMLBrRadioElement;
|
|
820
866
|
};
|
|
867
|
+
interface HTMLBrSelectElementEventMap {
|
|
868
|
+
"brDidSelectChange": any;
|
|
869
|
+
}
|
|
870
|
+
interface HTMLBrSelectElement extends Components.BrSelect, HTMLStencilElement {
|
|
871
|
+
addEventListener<K extends keyof HTMLBrSelectElementEventMap>(type: K, listener: (this: HTMLBrSelectElement, ev: BrSelectCustomEvent<HTMLBrSelectElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
872
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
873
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
874
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
875
|
+
removeEventListener<K extends keyof HTMLBrSelectElementEventMap>(type: K, listener: (this: HTMLBrSelectElement, ev: BrSelectCustomEvent<HTMLBrSelectElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
876
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
877
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
878
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
879
|
+
}
|
|
880
|
+
var HTMLBrSelectElement: {
|
|
881
|
+
prototype: HTMLBrSelectElement;
|
|
882
|
+
new (): HTMLBrSelectElement;
|
|
883
|
+
};
|
|
821
884
|
interface HTMLBrSwitchElementEventMap {
|
|
822
885
|
"brDidCheckedChange": boolean;
|
|
823
886
|
}
|
|
@@ -911,6 +974,7 @@ declare global {
|
|
|
911
974
|
"br-loading": HTMLBrLoadingElement;
|
|
912
975
|
"br-message": HTMLBrMessageElement;
|
|
913
976
|
"br-radio": HTMLBrRadioElement;
|
|
977
|
+
"br-select": HTMLBrSelectElement;
|
|
914
978
|
"br-switch": HTMLBrSwitchElement;
|
|
915
979
|
"br-tag": HTMLBrTagElement;
|
|
916
980
|
"br-textarea": HTMLBrTextareaElement;
|
|
@@ -1373,6 +1437,48 @@ declare namespace LocalJSX {
|
|
|
1373
1437
|
*/
|
|
1374
1438
|
"value"?: any;
|
|
1375
1439
|
}
|
|
1440
|
+
interface BrSelect {
|
|
1441
|
+
/**
|
|
1442
|
+
* Especifica o ID do componente. Se não for fornecido, o ID será gerado automaticamente e de forma aleatória
|
|
1443
|
+
*/
|
|
1444
|
+
"customId"?: string;
|
|
1445
|
+
/**
|
|
1446
|
+
* Habilita o modo múltiplo para selecionar várias opções.
|
|
1447
|
+
*/
|
|
1448
|
+
"isMultiple"?: boolean;
|
|
1449
|
+
/**
|
|
1450
|
+
* Indica se a listagem de itens do select está expandida
|
|
1451
|
+
*/
|
|
1452
|
+
"isOpen"?: boolean;
|
|
1453
|
+
/**
|
|
1454
|
+
* Rótulo que indica o tipo de informação que deve ser selecionada.
|
|
1455
|
+
*/
|
|
1456
|
+
"label"?: string;
|
|
1457
|
+
/**
|
|
1458
|
+
* Evento emitido sempre que houver atualização nos itens selecionados.
|
|
1459
|
+
*/
|
|
1460
|
+
"onBrDidSelectChange"?: (event: BrSelectCustomEvent<any>) => void;
|
|
1461
|
+
/**
|
|
1462
|
+
* JSON contendo as opções do select.
|
|
1463
|
+
*/
|
|
1464
|
+
"options"?: string;
|
|
1465
|
+
/**
|
|
1466
|
+
* Texto auxiliar exibido antes de uma seleção.
|
|
1467
|
+
*/
|
|
1468
|
+
"placeholder"?: string;
|
|
1469
|
+
/**
|
|
1470
|
+
* Rótulo para selecionar todas as opções.
|
|
1471
|
+
*/
|
|
1472
|
+
"selectAllLabel"?: string;
|
|
1473
|
+
/**
|
|
1474
|
+
* Exibe o ícone de busca no campo de entrada.
|
|
1475
|
+
*/
|
|
1476
|
+
"showSearchIcon"?: boolean;
|
|
1477
|
+
/**
|
|
1478
|
+
* Rótulo para desmarcar todas as opções.
|
|
1479
|
+
*/
|
|
1480
|
+
"unselectAllLabel"?: string;
|
|
1481
|
+
}
|
|
1376
1482
|
/**
|
|
1377
1483
|
* Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
|
|
1378
1484
|
*/
|
|
@@ -1601,6 +1707,7 @@ declare namespace LocalJSX {
|
|
|
1601
1707
|
"br-loading": BrLoading;
|
|
1602
1708
|
"br-message": BrMessage;
|
|
1603
1709
|
"br-radio": BrRadio;
|
|
1710
|
+
"br-select": BrSelect;
|
|
1604
1711
|
"br-switch": BrSwitch;
|
|
1605
1712
|
"br-tag": BrTag;
|
|
1606
1713
|
"br-textarea": BrTextarea;
|
|
@@ -1661,6 +1768,7 @@ declare module "@stencil/core" {
|
|
|
1661
1768
|
* Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/radio?tab=designer).
|
|
1662
1769
|
*/
|
|
1663
1770
|
"br-radio": LocalJSX.BrRadio & JSXBase.HTMLAttributes<HTMLBrRadioElement>;
|
|
1771
|
+
"br-select": LocalJSX.BrSelect & JSXBase.HTMLAttributes<HTMLBrSelectElement>;
|
|
1664
1772
|
/**
|
|
1665
1773
|
* Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/switch?tab=designer).
|
|
1666
1774
|
*/
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Construído com @govbr-ds/webcomponents
|
|
3
|
+
* Padrão Digital de Governo.
|
|
4
|
+
*/
|
|
5
|
+
import{r as a,c as e,h as r,a as t,g as i}from"./p-dbd35139.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}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-message{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);background:var(--message-background);display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-scale-2x)}.br-message .content{color:var(--message-text);-ms-flex:1;flex:1;font-size:var(--font-size-scale-up-01);padding:var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x)}.br-message .content .message-title{font-weight:var(--font-weight-semi-bold)}.br-message .content .message-body{font-weight:var(--font-weigth-regular)}.br-message .content a{font-weight:var(--font-weight-bold);text-decoration:underline}.br-message .content *:last-child{margin-bottom:0}.br-message .icon{-ms-flex-align:center;align-items:center;color:var(--message-color-icon);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-vertical-center) var(--spacing-scale-2x);padding-left:var(--spacing-scale-2x);padding-right:var(--spacing-scale-2x)}.br-message .icon+.content{padding-left:0}.br-message .close{margin-right:var(--spacing-scale-base);margin-top:var(--spacing-scale-base)}.br-message.success,.br-message[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.br-message.success .close .br-button,.br-message[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.br-message.danger,.br-message[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.br-message.danger .close .br-button,.br-message[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.br-message.info,.br-message[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.br-message.info .close .br-button,.br-message[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.br-message.warning,.br-message[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.br-message.warning .close .br-button,.br-message[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}.feedback{--message-background:var(--background);--message-color-icon:var(--color);--feedback-background:var(--background);--message-text:var(--color);-ms-flex-align:center;align-items:center;background:var(--feedback-background);color:var(--message-text);display:-ms-inline-flexbox;display:inline-flex;font-style:italic;font-weight:var(--font-weight-medium);margin-bottom:0;padding:var(--spacing-scale-half)}.feedback:not(.is-warning):not(.warning):not([warning]){--message-text:var(--pure-0)}.feedback.warning,.feedback[warning]{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light)}.feedback.success,.feedback[success]{--message-background:var(--success-alternative);--feedback-background:var(--success);--message-color-icon:var(--success)}.feedback.success .close .br-button,.feedback[success] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--success-rgb)}.feedback.danger,.feedback[danger]{--message-background:var(--danger-alternative);--feedback-background:var(--danger);--message-color-icon:var(--danger)}.feedback.danger .close .br-button,.feedback[danger] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--danger-rgb)}.feedback.info,.feedback[info]{--message-background:var(--info-alternative);--feedback-background:var(--info);--message-color-icon:var(--info)}.feedback.info .close .br-button,.feedback[info] .close .br-button{--interactive:var(--message-color-icon);--interactive-rgb:var(--info-rgb)}.feedback.warning,.feedback[warning]{--message-background:var(--warning-alternative);--feedback-background:var(--warning)}.feedback.warning .close .br-button,.feedback[warning] .close .br-button{--interactive:var(--color);--interactive-rgb:var(--color-rgb)}:host{display:block}:host .icon-space{margin-right:var(--spacing-scale-half)}";const s=n;const c=class{constructor(r){a(this,r);this.brDidClose=e(this,"brDidClose",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.dismissHandler=()=>{this.brDidClose.emit();this.el.remove()};this.inheritedAttributes={};this.messageTitle=undefined;this.message=undefined;this.isInline=false;this.isClosable=false;this.showIcon=false;this.isFeedback=false;this.state="info"}componentWillLoad(){this.inheritedAttributes=o(this.el)}checkIconState(){const a={success:"fa-solid:check-circle",warning:"fa-solid:exclamation-triangle",danger:"fa-solid:times-circle",info:"fa-solid:info-circle"};return a[this.state]||"check-circle"}getCssClassMap(){return{"br-message":true,[this.state]:true}}render(){var a,e;return r(t,{key:"b96c347896bb97d13195dc194d88019fefdbbf2e"},this.isFeedback?r("div",{class:"mb-3"},r("span",Object.assign({class:`feedback ${this.state}`,role:"alert"},this.inheritedAttributes),this.showIcon?r("br-icon",{class:"icon-space","icon-name":this.checkIconState()}):null,((a=this.message)===null||a===void 0?void 0:a.length)===0?r("slot",null):this.message)):r("div",Object.assign({class:this.getCssClassMap(),role:"alert"},this.inheritedAttributes),this.showIcon&&r("div",{class:"icon"},r("br-icon",{"icon-name":this.checkIconState(),height:"20","aria-hidden":"true"})),r("div",{class:"content",role:"alert"},((e=this.message)===null||e===void 0?void 0:e.length)===0?r("div",null,this.messageTitle&&r("strong",null,this.messageTitle),this.messageTitle&&!this.isInline&&r("br",null),r("slot",null)):r("div",null,r("span",{class:"message-title mr-1"},this.messageTitle),r("span",{class:"message-body"},this.message))),this.isClosable&&!this.isFeedback&&r("div",{class:"close"},r("br-button",{shape:"circle",type:"button","aria-label":"Fechar a mensagem",onClick:this.dismissHandler},r("br-icon",{"icon-name":"fa-solid:times","aria-hidden":"true"})))))}static get formAssociated(){return true}get el(){return i(this)}};c.style=s;export{c as br_message};
|
|
6
|
+
//# sourceMappingURL=p-11e8c72f.entry.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["messageCss","BrMessageStyle0","Message","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","componentWillLoad","inheritAriaAttributes","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n display: block;\n\n .icon-space {\n margin-right: var(--spacing-scale-half);\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n tag: 'br-message',\n styleUrl: 'message.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Message {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrMessageElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) messageTitle: string\n\n /**\n * Define o texto da mensagem que será exibido.\n * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n */\n @Prop({ reflect: true }) message!: string\n\n /**\n * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n * Este recurso não está disponível para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) isClosable: boolean = false\n\n /**\n * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n */\n @Prop({ reflect: true }) showIcon: boolean = false\n\n /**\n * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n */\n @Prop({ reflect: true }) isFeedback: boolean = false\n\n /**\n * Define o estado do message.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n */\n @Prop({ reflect: true }) state: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n @Event() brDidClose: EventEmitter\n private readonly dismissHandler = () => {\n this.brDidClose.emit()\n this.el.remove()\n }\n\n private checkIconState() {\n const iconMap = {\n success: 'fa-solid:check-circle',\n warning: 'fa-solid:exclamation-triangle',\n danger: 'fa-solid:times-circle',\n info: 'fa-solid:info-circle',\n }\n return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-message': true,\n [this.state]: true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n {this.isFeedback ? (\n <div class=\"mb-3\">\n <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n {this.message?.length === 0 ? <slot></slot> : this.message}\n </span>\n </div>\n ) : (\n <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon && (\n <div class=\"icon\">\n <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n </div>\n )}\n <div class=\"content\" role=\"alert\">\n {this.message?.length === 0 ? (\n <div>\n {this.messageTitle && <strong>{this.messageTitle}</strong>}\n {this.messageTitle && !this.isInline && <br />}\n <slot></slot>\n </div>\n ) : (\n <div>\n <span class=\"message-title mr-1\">{this.messageTitle}</span>\n <span class=\"message-body\">{this.message}</span>\n </div>\n )}\n </div>\n {this.isClosable && !this.isFeedback && (\n <div class=\"close\">\n <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n )}\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAa,
|
|
1
|
+
{"version":3,"names":["messageCss","BrMessageStyle0","Message","this","dismissHandler","brDidClose","emit","el","remove","inheritedAttributes","componentWillLoad","inheritAriaAttributes","checkIconState","iconMap","success","warning","danger","info","state","getCssClassMap","render","h","Host","key","isFeedback","class","Object","assign","role","showIcon","_a","message","length","height","_b","messageTitle","isInline","isClosable","shape","type","onClick"],"sources":["src/components/message/message.scss?tag=br-message&encapsulation=shadow","src/components/message/message.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/message/message.scss\";\n\n:host {\n display: block;\n\n .icon-space {\n margin-right: var(--spacing-scale-half);\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, Host, Prop, h } from '@stencil/core'\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/message?tab=designer).\n *\n * @slot default - Utilizado para inserir qualquer conteúdo que será exibido no corpo da mensagem.\n */\n@Component({\n tag: 'br-message',\n styleUrl: 'message.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Message {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrMessageElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o título da mensagem, que é exibido no início, acima da mensagem principal.\n * Este título serve para destacar a mensagem textual. Não é aplicável para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) messageTitle: string\n\n /**\n * Define o texto da mensagem que será exibido.\n * Este é o conteúdo principal da mensagem. A propriedade `message` é obrigatória e deve ser fornecida para que a mensagem apareça.\n */\n @Prop({ reflect: true }) message!: string\n\n /**\n * Se definido como verdadeiro, o título da mensagem será exibido na mesma linha que a mensagem principal.\n * Isso pode ser útil para criar um layout onde o título e a mensagem estão alinhados horizontalmente.\n */\n @Prop({ reflect: true }) isInline: boolean = false\n\n /**\n * Se definido como verdadeiro, um botão de fechar será exibido para permitir que o usuário feche a mensagem.\n * Este recurso não está disponível para mensagens do tipo feedback.\n */\n @Prop({ reflect: true }) isClosable: boolean = false\n\n /**\n * Se definido como verdadeiro, um ícone associado à mensagem será exibido.\n * Use esta propriedade para mostrar ou ocultar o ícone da mensagem conforme necessário.\n */\n @Prop({ reflect: true }) showIcon: boolean = false\n\n /**\n * Define se a mensagem é do tipo feedback, geralmente usada para fornecer contexto adicional sobre ações do usuário.\n * Exemplos incluem mensagens de validação em campos de formulário. Não disponível para mensagens que não sejam de feedback.\n */\n @Prop({ reflect: true }) isFeedback: boolean = false\n\n /**\n * Define o estado do message.\n * Os possíveis valores são:\n * - 'info': Mensagem informativa.\n * - 'warning': Mensagem de aviso.\n * - 'danger': Mensagem de erro ou alerta.\n * - 'success': Mensagem de sucesso.\n * O valor padrão é 'info'.\n */\n @Prop({ reflect: true }) state: 'info' | 'warning' | 'danger' | 'success' = 'info'\n\n componentWillLoad() {\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n /** Evento emitido quando o usuário fecha a mensagem, se closable for true. */\n @Event() brDidClose: EventEmitter\n private readonly dismissHandler = () => {\n this.brDidClose.emit()\n this.el.remove()\n }\n\n private checkIconState() {\n const iconMap = {\n success: 'fa-solid:check-circle',\n warning: 'fa-solid:exclamation-triangle',\n danger: 'fa-solid:times-circle',\n info: 'fa-solid:info-circle',\n }\n return iconMap[this.state] || 'check-circle' // Valor padrão se não encontrado\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-message': true,\n [this.state]: true,\n }\n }\n\n private inheritedAttributes: Attributes = {}\n\n render() {\n return (\n <Host>\n {this.isFeedback ? (\n <div class=\"mb-3\">\n <span class={`feedback ${this.state}`} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon ? <br-icon class=\"icon-space\" icon-name={this.checkIconState()}></br-icon> : null}\n {this.message?.length === 0 ? <slot></slot> : this.message}\n </span>\n </div>\n ) : (\n <div class={this.getCssClassMap()} role=\"alert\" {...this.inheritedAttributes}>\n {this.showIcon && (\n <div class=\"icon\">\n <br-icon icon-name={this.checkIconState()} height=\"20\" aria-hidden=\"true\"></br-icon>\n </div>\n )}\n <div class=\"content\" role=\"alert\">\n {this.message?.length === 0 ? (\n <div>\n {this.messageTitle && <strong>{this.messageTitle}</strong>}\n {this.messageTitle && !this.isInline && <br />}\n <slot></slot>\n </div>\n ) : (\n <div>\n <span class=\"message-title mr-1\">{this.messageTitle}</span>\n <span class=\"message-body\">{this.message}</span>\n </div>\n )}\n </div>\n {this.isClosable && !this.isFeedback && (\n <div class=\"close\">\n <br-button shape=\"circle\" type=\"button\" aria-label=\"Fechar a mensagem\" onClick={this.dismissHandler}>\n <br-icon icon-name=\"fa-solid:times\" aria-hidden=\"true\"></br-icon>\n </br-button>\n </div>\n )}\n </div>\n )}\n </Host>\n )\n }\n}\n"],"mappings":";;;;oGAAA,MAAMA,EAAa,+wbACnB,MAAAC,EAAeD,E,MCaFE,EAAO,M,qPA8DDC,KAAAC,eAAiB,KAChCD,KAAKE,WAAWC,OAChBH,KAAKI,GAAGC,QAAQ,EAoBVL,KAAAM,oBAAkC,G,iEA3DG,M,gBAME,M,cAMF,M,gBAME,M,WAW6B,M,CAE5E,iBAAAC,GACEP,KAAKM,oBAAsBE,EAAsBR,KAAKI,G,CAUhD,cAAAK,GACN,MAAMC,EAAU,CACdC,QAAS,wBACTC,QAAS,gCACTC,OAAQ,wBACRC,KAAM,wBAER,OAAOJ,EAAQV,KAAKe,QAAU,c,CAGxB,cAAAC,GACN,MAAO,CACL,aAAc,KACd,CAAChB,KAAKe,OAAQ,K,CAMlB,MAAAE,G,QACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFpB,KAAKqB,WACJH,EAAA,OAAKI,MAAM,QACTJ,EAAA,OAAAK,OAAAC,OAAA,CAAMF,MAAO,YAAYtB,KAAKe,QAASU,KAAK,SAAYzB,KAAKM,qBAC1DN,KAAK0B,SAAWR,EAAA,WAASI,MAAM,aAAY,YAAYtB,KAAKS,mBAA+B,OAC3FkB,EAAA3B,KAAK4B,WAAO,MAAAD,SAAA,SAAAA,EAAEE,UAAW,EAAIX,EAAA,aAAgBlB,KAAK4B,UAIvDV,EAAA,MAAAK,OAAAC,OAAA,CAAKF,MAAOtB,KAAKgB,iBAAkBS,KAAK,SAAYzB,KAAKM,qBACtDN,KAAK0B,UACJR,EAAA,OAAKI,MAAM,QACTJ,EAAA,uBAAoBlB,KAAKS,iBAAkBqB,OAAO,KAAI,cAAa,UAGvEZ,EAAA,OAAKI,MAAM,UAAUG,KAAK,WACvBM,EAAA/B,KAAK4B,WAAO,MAAAG,SAAA,SAAAA,EAAEF,UAAW,EACxBX,EAAA,WACGlB,KAAKgC,cAAgBd,EAAA,cAASlB,KAAKgC,cACnChC,KAAKgC,eAAiBhC,KAAKiC,UAAYf,EAAA,WACxCA,EAAA,cAGFA,EAAA,WACEA,EAAA,QAAMI,MAAM,sBAAsBtB,KAAKgC,cACvCd,EAAA,QAAMI,MAAM,gBAAgBtB,KAAK4B,WAItC5B,KAAKkC,aAAelC,KAAKqB,YACxBH,EAAA,OAAKI,MAAM,SACTJ,EAAA,aAAWiB,MAAM,SAASC,KAAK,SAAQ,aAAY,oBAAoBC,QAASrC,KAAKC,gBACnFiB,EAAA,uBAAmB,iBAAgB,cAAa,Y","ignoreList":[]}
|
|
@@ -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","./p-6e286eba.system.js"],(function(a){"use strict";var r,t,e,i,o,n;return{setters:[function(a){r=a.r;t=a.c;e=a.h;i=a.a;o=a.g},function(a){n=a.i}],execute:function(){var g="*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-tag{--tag-size:var(--tag-medium);--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3xh);--tag-large:var(--spacing-scale-4xh);-ms-flex-align:center;align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:-ms-inline-flexbox;display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);-ms-flex-pack:center;justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh);align-items:center;background:var(--background-dark);border-radius:var(--surface-rounder-sm);color:var(--color-dark);display:inline-flex;font-size:var(--font-size-scale-base);font-weight:var(--font-weight-medium);justify-content:center;margin:0;min-height:var(--tag-size);padding:0 var(--spacing-scale-baseh)}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.status{--tag-small:var(--spacing-scale-baseh);--tag-medium:var(--spacing-scale-2x);--tag-large:var(--spacing-scale-3x);border:1px solid var(--background-light);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.count{--tag-small:var(--spacing-scale-2xh);--tag-medium:var(--spacing-scale-3x);--tag-large:var(--spacing-scale-3xh);border:1px solid var(--background-light);border-radius:100em;min-width:var(--tag-size);padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-tag.icon{--tag-small:var(--spacing-scale-3xh);--tag-medium:var(--spacing-scale-4x);--tag-large:var(--spacing-scale-5xh);border-radius:50%;min-width:var(--tag-size);padding:0}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag.interaction{--tag-small:var(--spacing-scale-4x);--tag-medium:var(--spacing-scale-5x);--tag-large:var(--spacing-scale-5xh);font-size:var(--font-size-scale-up-01)}.br-tag.interaction{background:var(--interactive)}.br-tag.interaction .br-button{--button-size:var(--spacing-scale-3xh);--focus:var(--focus-color-dark);--hover:var(--hover-dark);--interactive-rgb:var(--color-dark-rgb);background-color:var(--interactive-light);border-radius:50%;color:var(--color-dark);margin-left:var(--spacing-scale-baseh);padding:0;width:var(--button-size)}.br-tag.interaction:hover .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-tag.interaction:active .br-button{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}.br-tag.disabled input{cursor:not-allowed}.br-tag+.br-tag{margin-left:var(--spacing-scale-half)}.br-tag.small{--tag-size:var(--tag-small)}.br-tag.medium{--tag-size:var(--tag-medium)}.br-tag.large{--tag-size:var(--tag-large)}.br-tag.is-highlight,.br-tag.highlight,.br-tag[highlight]{background-color:#268744}.br-tag.success,.br-tag[success]{background-color:var(--success)}.br-tag.danger,.br-tag[danger]{background-color:var(--danger)}.br-tag.warning,.br-tag[warning]{background-color:var(--warning)}.br-tag.info,.br-tag[info]{background-color:var(--info)}:host{display:block}:host .tag-position{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-align:center;align-items:center}:host .tag-spacing-status{margin-left:var(--spacing-scale-half) !important}";var s=g;var l=a("br_tag",function(){function a(a){var e=this;r(this,a);this.brWillLoad=t(this,"brWillLoad",7);if(a.$hostElement$["s-ei"]){this.elementInternals=a.$hostElement$["s-ei"]}else{this.elementInternals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.elementInternals}this.inheritedAttributes={};this.handleClose=function(){e.el.remove()};this.label="";this.iconName="";this.color="";this.density="small";this.shape="default";this.status=false;this.interaction=false;this.disabled=false;this.stateIconName="fa-solid:car"}a.prototype.componentWillLoad=function(){this.brWillLoad.emit();this.inheritedAttributes=n(this.el)};a.prototype.getCssClassMap=function(){var a;var r=(a={"br-tag":true,interaction:this.interaction},a[this.color]=this.color!=="",a.small=this.density==="small",a.medium=this.density==="medium",a.large=this.density==="large",a.count=this.shape==="rounded"?true:false,a.icon=this.shape==="circle"?true:false,a.status=this.status,a);return r};a.prototype.renderIcon=function(){if(this.iconName.trim().length===0)return null;return e("br-icon",{style:{fontSize:"var(--icon-size-base)"},"icon-name":this.iconName,"aria-hidden":"true"})};a.prototype.renderLabel=function(){if(this.shape==="circle"||this.status)return null;return e("span",{id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.renderCloseButton=function(){if(!this.interaction)return null;return e("br-button",{type:"button",shape:"circle",emphasis:!this.interaction?"tertiary":"primary","aria-label":"Fechar",colorMode:!this.interaction?"dark":null,"aria-describedby":"interactivetag1",onClick:this.handleClose,disabled:this.disabled},e("br-icon",{"icon-name":"fa-solid:times"}))};a.prototype.renderStatusLabel=function(){if(!this.status)return null;return e("span",{class:"tag-spacing-status",id:"interactivetag1","aria-label":this.label},this.label)};a.prototype.render=function(){return e(i,{key:"45fbabb9a2a4ac08101df0a9dbfb08de2440bdb6"},e("div",{key:"d7cd66126a75d9baa4ac983d1cf79c2e794c2a49",class:"tag-position"},e("span",Object.assign({key:"f28d65ea9b14002350ebf4002de534d6ea567786",class:this.getCssClassMap()},this.inheritedAttributes,{role:"alert","aria-live":"assertive"}),this.renderIcon(),this.renderLabel(),this.renderCloseButton(),e("slot",{key:"751ed1841c55583a873b293b862b4b816dd972c8"})),this.renderStatusLabel()))};Object.defineProperty(a,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(a.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return a}());l.style=s}}}));
|
|
6
|
+
//# sourceMappingURL=p-1accc2ab.system.entry.js.map
|
package/dist/webcomponents/{p-55604b7f.system.entry.js.map → p-1accc2ab.system.entry.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tagCss","BrTagStyle0","Tag","exports","this","inheritedAttributes","handleClose","_this","el","remove","class_1","prototype","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","_a","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n display: block;\n\n .tag-position {\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n .tag-spacing-status {\n margin-left: var(--spacing-scale-half) !important;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n tag: 'br-tag',\n styleUrl: 'tag.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tag {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrTagElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n */\n @Prop({ reflect: true }) label: string = ''\n\n /**\n * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n */\n @Prop({ reflect: true }) iconName: string = ''\n\n /**\n * A propriedade 'color' permite definir a cor do componente.\n * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n */\n @Prop({ reflect: true }) color: string = ''\n\n /**\n * A propriedade 'density' permite definir a densidade do componente.\n * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n /**\n * A propriedade 'shape' define o formato do componente.\n * Valores possíveis:\n * - 'circle': Componente com formato circular.\n * - 'rounded': Componente com bordas arredondadas.\n * - 'default': Componente com formato padrão.\n */\n @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n /**\n * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n * Se definido como true, o status será mostrado ao lado do texto.\n */\n @Prop({ reflect: true }) status: boolean = false\n\n /**\n * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n * Se definido como true, o componente permitirá interações do usuário.\n */\n @Prop({ reflect: true }) interaction: boolean = false\n\n /**\n * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n * Se definido como true, o componente não permitirá interações do usuário.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n @State() stateIconName: string = 'fa-solid:car'\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getCssClassMap(): CssClassMap {\n const classes: CssClassMap = {\n 'br-tag': true,\n interaction: this.interaction,\n [this.color]: this.color !== '',\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n count: this.shape === 'rounded' ? true : false,\n icon: this.shape === 'circle' ? true : false,\n status: this.status,\n }\n\n return classes\n }\n\n private inheritedAttributes: Attributes = {}\n\n private renderIcon() {\n if (this.iconName.trim().length === 0) return null\n return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n }\n\n private renderLabel() {\n if (this.shape === 'circle' || this.status) return null\n return (\n <span id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private renderCloseButton() {\n if (!this.interaction) return null\n return (\n <br-button\n type=\"button\"\n shape=\"circle\"\n emphasis={!this.interaction ? 'tertiary' : 'primary'}\n aria-label=\"Fechar\"\n colorMode={!this.interaction ? 'dark' : null}\n aria-describedby=\"interactivetag1\"\n onClick={this.handleClose}\n disabled={this.disabled}\n >\n <br-icon icon-name=\"fa-solid:times\"></br-icon>\n </br-button>\n )\n }\n\n private renderStatusLabel() {\n if (!this.status) return null\n return (\n <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private handleClose = () => {\n this.el.remove()\n }\n\n render() {\n return (\n <Host>\n <div class=\"tag-position\">\n <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n {this.renderIcon()}\n {this.renderLabel()}\n {this.renderCloseButton()}\n <slot></slot>\n </span>\n {this.renderStatusLabel()}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;gNAAA,IAAMA,EAAS,
|
|
1
|
+
{"version":3,"names":["tagCss","BrTagStyle0","Tag","exports","this","inheritedAttributes","handleClose","_this","el","remove","class_1","prototype","componentWillLoad","brWillLoad","emit","inheritAriaAttributes","getCssClassMap","classes","_a","interaction","color","small","density","medium","large","count","shape","icon","status","renderIcon","iconName","trim","length","h","style","fontSize","renderLabel","id","label","renderCloseButton","type","emphasis","colorMode","onClick","disabled","renderStatusLabel","class","render","Host","key","Object","assign","role"],"sources":["src/components/tag/tag.scss?tag=br-tag&encapsulation=shadow","src/components/tag/tag.tsx"],"sourcesContent":["@import \"../../../../../node_modules/@govbr-ds/core/src/components/tag/tag.scss\";\n\n:host {\n display: block;\n\n .tag-position {\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n .tag-spacing-status {\n margin-left: var(--spacing-scale-half) !important;\n }\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Prop, State } from '@stencil/core'\n\nimport { Attributes, inheritAriaAttributes } from '../../utils/inherited-attributes'\nimport { CssClassMap } from '../../utils/interfaces'\n\n/**\n * Para uma descrição detalhada, consulte a [documentação do GovBR-DS](https://www.gov.br/ds/components/tag?tab=designer).\n *\n * @slot default - Slot utilizado para inserir conteúdo adicional na tag, como texto ou elementos HTML extras.\n */\n@Component({\n tag: 'br-tag',\n styleUrl: 'tag.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Tag {\n /**\n * Referência ao elemento host do componente.\n * Utilize esta propriedade para acessar e manipular o elemento do DOM associado ao componente.\n */\n @Element() el: HTMLBrTagElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * A propriedade 'label' é uma string que representa o texto a ser exibido no componente.\n * Ela é refletida no DOM, permitindo que alterações no valor sejam refletidas no elemento HTML correspondente.\n */\n @Prop({ reflect: true }) label: string = ''\n\n /**\n * A propriedade 'iconName' define o nome do ícone que será exibido ao lado do texto.\n * O valor padrão é 'fa-solid:car', que corresponde a um ícone de carro da biblioteca Font Awesome.\n */\n @Prop({ reflect: true }) iconName: string = ''\n\n /**\n * A propriedade 'color' permite definir a cor do componente.\n * Aceita valores como 'red', 'blue', entre outros, e é refletida no DOM.\n */\n @Prop({ reflect: true }) color: string = ''\n\n /**\n * A propriedade 'density' permite definir a densidade do componente.\n * Aceita valores como 'small', 'medium' e 'large', e é refletida no DOM.\n */\n @Prop({ reflect: true }) density: 'small' | 'medium' | 'large' = 'small'\n\n /**\n * A propriedade 'shape' define o formato do componente.\n * Valores possíveis:\n * - 'circle': Componente com formato circular.\n * - 'rounded': Componente com bordas arredondadas.\n * - 'default': Componente com formato padrão.\n */\n @Prop({ reflect: true }) shape: 'circle' | 'rounded' | 'default' = 'default'\n\n /**\n * A propriedade 'status' é um booleano que indica se o status deve ser exibido.\n * Se definido como true, o status será mostrado ao lado do texto.\n */\n @Prop({ reflect: true }) status: boolean = false\n\n /**\n * A propriedade 'interaction' é um booleano que indica se a interação deve ser habilitada.\n * Se definido como true, o componente permitirá interações do usuário.\n */\n @Prop({ reflect: true }) interaction: boolean = false\n\n /**\n * A propriedade 'disabled' é um booleano que indica se o componente deve estar desabilitado.\n * Se definido como true, o componente não permitirá interações do usuário.\n */\n @Prop({ reflect: true }) disabled: boolean = false\n\n @State() stateIconName: string = 'fa-solid:car'\n\n /**\n * Emite um evento antes que o componente seja carregado pela primeira vez.\n * Utilize este evento para realizar tarefas de inicialização antes do componente ser exibido.\n * Consulte a documentação do [Stencil](https://stenciljs.com/docs/component-lifecycle#componentwillload) para mais detalhes.\n */\n @Event() brWillLoad: EventEmitter<void>\n componentWillLoad() {\n this.brWillLoad.emit()\n this.inheritedAttributes = inheritAriaAttributes(this.el)\n }\n\n private getCssClassMap(): CssClassMap {\n const classes: CssClassMap = {\n 'br-tag': true,\n interaction: this.interaction,\n [this.color]: this.color !== '',\n small: this.density === 'small',\n medium: this.density === 'medium',\n large: this.density === 'large',\n count: this.shape === 'rounded' ? true : false,\n icon: this.shape === 'circle' ? true : false,\n status: this.status,\n }\n\n return classes\n }\n\n private inheritedAttributes: Attributes = {}\n\n private renderIcon() {\n if (this.iconName.trim().length === 0) return null\n return <br-icon style={{ fontSize: 'var(--icon-size-base)' }} icon-name={this.iconName} aria-hidden=\"true\" />\n }\n\n private renderLabel() {\n if (this.shape === 'circle' || this.status) return null\n return (\n <span id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private renderCloseButton() {\n if (!this.interaction) return null\n return (\n <br-button\n type=\"button\"\n shape=\"circle\"\n emphasis={!this.interaction ? 'tertiary' : 'primary'}\n aria-label=\"Fechar\"\n colorMode={!this.interaction ? 'dark' : null}\n aria-describedby=\"interactivetag1\"\n onClick={this.handleClose}\n disabled={this.disabled}\n >\n <br-icon icon-name=\"fa-solid:times\"></br-icon>\n </br-button>\n )\n }\n\n private renderStatusLabel() {\n if (!this.status) return null\n return (\n <span class=\"tag-spacing-status\" id=\"interactivetag1\" aria-label={this.label}>\n {this.label}\n </span>\n )\n }\n\n private handleClose = () => {\n this.el.remove()\n }\n\n render() {\n return (\n <Host>\n <div class=\"tag-position\">\n <span class={this.getCssClassMap()} {...this.inheritedAttributes} role=\"alert\" aria-live=\"assertive\">\n {this.renderIcon()}\n {this.renderLabel()}\n {this.renderCloseButton()}\n <slot></slot>\n </span>\n {this.renderStatusLabel()}\n </div>\n </Host>\n )\n }\n}\n"],"mappings":";;;;gNAAA,IAAMA,EAAS,q7eACf,IAAAC,EAAeD,E,ICeFE,EAAGC,EAAA,oB,+PAyFNC,KAAAC,oBAAkC,GA2ClCD,KAAAE,YAAc,WACpBC,EAAKC,GAAGC,Q,aAxH+B,G,cAMG,G,WAMH,G,aAMwB,Q,WASE,U,YAMxB,M,iBAMK,M,cAMH,M,mBAEZ,c,CAQjCC,EAAAC,UAAAC,kBAAA,WACER,KAAKS,WAAWC,OAChBV,KAAKC,oBAAsBU,EAAsBX,KAAKI,G,EAGhDE,EAAAC,UAAAK,eAAA,W,MACN,IAAMC,GAAOC,EAAA,CACX,SAAU,KACVC,YAAaf,KAAKe,aAClBD,EAACd,KAAKgB,OAAQhB,KAAKgB,QAAU,GAC7BF,EAAAG,MAAOjB,KAAKkB,UAAY,QACxBJ,EAAAK,OAAQnB,KAAKkB,UAAY,SACzBJ,EAAAM,MAAOpB,KAAKkB,UAAY,QACxBJ,EAAAO,MAAOrB,KAAKsB,QAAU,UAAY,KAAO,MACzCR,EAAAS,KAAMvB,KAAKsB,QAAU,SAAW,KAAO,MACvCR,EAAAU,OAAQxB,KAAKwB,O,GAGf,OAAOX,C,EAKDP,EAAAC,UAAAkB,WAAA,WACN,GAAIzB,KAAK0B,SAASC,OAAOC,SAAW,EAAG,OAAO,KAC9C,OAAOC,EAAA,WAASC,MAAO,CAAEC,SAAU,yBAAyB,YAAa/B,KAAK0B,SAAQ,cAAc,Q,EAG9FpB,EAAAC,UAAAyB,YAAA,WACN,GAAIhC,KAAKsB,QAAU,UAAYtB,KAAKwB,OAAQ,OAAO,KACnD,OACEK,EAAA,QAAMI,GAAG,kBAAiB,aAAajC,KAAKkC,OACzClC,KAAKkC,M,EAKJ5B,EAAAC,UAAA4B,kBAAA,WACN,IAAKnC,KAAKe,YAAa,OAAO,KAC9B,OACEc,EAAA,aACEO,KAAK,SACLd,MAAM,SACNe,UAAWrC,KAAKe,YAAc,WAAa,UAAS,aACzC,SACXuB,WAAYtC,KAAKe,YAAc,OAAS,KAAI,mBAC3B,kBACjBwB,QAASvC,KAAKE,YACdsC,SAAUxC,KAAKwC,UAEfX,EAAA,uBAAmB,mB,EAKjBvB,EAAAC,UAAAkC,kBAAA,WACN,IAAKzC,KAAKwB,OAAQ,OAAO,KACzB,OACEK,EAAA,QAAMa,MAAM,qBAAqBT,GAAG,kBAAiB,aAAajC,KAAKkC,OACpElC,KAAKkC,M,EASZ5B,EAAAC,UAAAoC,OAAA,WACE,OACEd,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,OAAAgB,IAAA,2CAAKH,MAAM,gBACTb,EAAA,OAAAiB,OAAAC,OAAA,CAAAF,IAAA,2CAAMH,MAAO1C,KAAKY,kBAAsBZ,KAAKC,oBAAmB,CAAE+C,KAAK,QAAO,YAAW,cACtFhD,KAAKyB,aACLzB,KAAKgC,cACLhC,KAAKmC,oBACNN,EAAA,QAAAgB,IAAA,8CAED7C,KAAKyC,qB,kOAlJA,I","ignoreList":[]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(r,e,t,a){function i(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,o){function n(r){try{c(a.next(r))}catch(r){o(r)}}function l(r){try{c(a["throw"](r))}catch(r){o(r)}}function c(r){r.done?t(r.value):i(r.value).then(n,l)}c((a=a.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,i,o,n;return n={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function l(r){return function(e){return c([r,e])}}function c(l){if(a)throw new TypeError("Generator is already executing.");while(n&&(n=0,l[0]&&(t=0)),t)try{if(a=1,i&&(o=l[0]&2?i["return"]:l[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,l[1])).done)return o;if(i=0,o)l=[l[0]&2,o.value];switch(l[0]){case 0:case 1:o=l;break;case 4:t.label++;return{value:l[1],done:false};case 5:t.label++;i=l[1];l=[0];continue;case 7:l=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(l[0]===6||l[0]===2)){t=0;continue}if(l[0]===3&&(!o||l[1]>o[0]&&l[1]<o[3])){t.label=l[1];break}if(l[0]===6&&t.label<o[1]){t.label=o[1];o=l;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(l);break}if(o[2])t.ops.pop();t.trys.pop();continue}l=e.call(r,t)}catch(r){l=[6,r];i=0}finally{a=o=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};
|
|
2
|
+
/*!
|
|
3
|
+
* Construído com @govbr-ds/webcomponents
|
|
4
|
+
* Padrão Digital de Governo.
|
|
5
|
+
*/System.register(["./p-aaca726d.system.js","./p-6e286eba.system.js","./p-a71689a5.system.js"],(function(r){"use strict";var e,t,a,i,o,n;return{setters:[function(r){e=r.r;t=r.c;a=r.h;i=r.g},function(r){o=r.i},function(r){n=r.v}],execute:function(){var l='*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}html{line-height:var(--font-line-height-medium);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}a{background-color:transparent}strong{font-weight:bolder}small{font-size:80%}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:var(--font-line-height-medium);margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}[hidden]{display:none}.d-flex{display:-ms-flexbox !important;display:flex !important}.align-items-center{-ms-flex-align:center !important;align-items:center !important}.col,[class*=col-]{padding-left:calc(var(--grid-gutter) * 0.5);padding-right:calc(var(--grid-gutter) * 0.5);width:100%}.col{-ms-flex:1 0 0%;flex:1 0 0%;min-width:8.3333333333%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.container{--grid-margin:var(--grid-portrait-margin);--grid-maxwidth:var(--grid-portrait-maxwidth);margin-left:auto;margin-right:auto;max-width:var(--grid-maxwidth);padding-left:var(--grid-margin);padding-right:var(--grid-margin);width:100%}.row{--grid-gutter:var(--grid-portrait-gutter);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:calc(var(--grid-gutter) * -0.5);margin-right:calc(var(--grid-gutter) * -0.5)}@media (min-width: 576px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-sm) - var(--grid-tablet-margin))}}@media (min-width: 992px){.container{--grid-margin:var(--grid-tablet-margin)}.row{--grid-gutter:var(--grid-tablet-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-md) - var(--grid-tablet-margin))}}@media (min-width: 1280px){.container{--grid-margin:var(--grid-desktop-margin)}.row{--grid-gutter:var(--grid-desktop-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-lg) - var(--grid-desktop-margin))}}@media (min-width: 1600px){.container{--grid-margin:var(--grid-tv-margin)}.row{--grid-gutter:var(--grid-tv-gutter)}.container{--grid-maxwidth:calc(var(--grid-breakpoint-xl) - var(--grid-tv-margin))}}.mt-1{margin-top:var(--spacing-scale-half) !important}.mr-1{margin-right:var(--spacing-scale-half) !important}.mr-2{margin-right:var(--spacing-scale-base) !important}.mr-n2{margin-right:calc(var(--spacing-scale-base) * -1) !important}.mb-3{margin-bottom:var(--spacing-scale-2x) !important}.mr-auto{margin-right:auto !important}.pt-half{padding-top:var(--spacing-scale-half) !important}.py-3{padding-bottom:var(--spacing-scale-2x) !important;padding-top:var(--spacing-scale-2x) !important}.py-4{padding-bottom:var(--spacing-scale-3x) !important;padding-top:var(--spacing-scale-3x) !important}body{--bg-color:var(--background);--bg-color-rgb:var(--background-rgb);--bg-color-hsl:var(--background-hsl);--font-size:var(--font-size-scale-base);--font-weight:var(--font-weight-regular);--link-color:var(--interactive);--link-color-rgb:var(--interactive-rgb);--link-color-hsl:var(--interactive-hsl);--line-height:var(--font-line-height-medium);--text-color:var(--color);--text-color-rgb:var(--color-rgb);--text-color-hsl:var(--color-hsl);background:var(--bg-color);color:var(--text-color);font-family:var(--font-family-base);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}p{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-2x);margin-top:0}p a{text-decoration:underline}@media (min-width: 576px){p{font-size:var(--font-size-scale-up-01)}}a{--focus-offset:var(--spacing-scale-half);color:var(--interactive);text-decoration:none}a:focus{outline:none}a:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}a:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button{cursor:pointer}img{max-width:100%;vertical-align:middle}ul{margin-bottom:var(--spacing-scale-2x);margin-top:0;padding:0 0 0 var(--spacing-scale-5x)}label,.label{color:var(--color);font-size:var(--font-size-scale-base);font-weight:var(--font-weight-semi-bold);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half)}::-moz-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-webkit-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}:-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::-ms-input-placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}::placeholder,.placeholder{color:var(--color-light);font-size:var(--font-size-scale-base);font-style:italic;font-weight:var(--font-weight-regular);line-height:var(--font-line-height-medium);margin-bottom:var(--spacing-scale-half);margin-top:var(--spacing-scale-half);opacity:1}input,textarea,.input{color:var(--color-light);font-size:var(--font-size-scale-up-01);font-weight:var(--font-weight-medium);line-height:var(--font-line-height-low);margin-bottom:var(--spacing-scale-half)}.text-pure-0{color:var(--pure-0) !important}.text-primary-default{color:var(--color-primary-default) !important}.bg-support-01{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background:var(--color-support-01) !important}.text-nowrap{white-space:nowrap !important}.text-base{font-size:var(--font-size-scale-base) !important}.highlight{background:var(--status-highlight-background) -webkit-gradient(linear, left top, left bottom, from(var(--status-highlight-overlay)), to(var(--status-highlight-overlay)));background:var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));color:var(--status-highlight-text);padding:0 var(--spacing-scale-half)}[disabled],.disabled{cursor:not-allowed;opacity:var(--disabled)}[disabled] *,.disabled *{pointer-events:none}[data-toggle=dropdown]+*{position:absolute}.dropdown{position:relative}.dropdown [data-toggle=dropdown]+*{-webkit-box-shadow:var(--surface-shadow-sm);box-shadow:var(--surface-shadow-sm);left:0;position:absolute;top:100%}.dropdown .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--color-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x);background-color:var(--background-light);color:var(--color)}.dropdown .br-item:not(:last-child){border-bottom:1px solid var(--border-color)}.dropdown .br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select{--select-divider:1px solid var(--color-secondary-04);--select-shadow:var(--surface-shadow-md);max-width:400px;min-width:100px;position:relative}.br-select .br-input input{padding-right:29px;text-overflow:ellipsis}.br-select .br-input input::after{bottom:0;padding:0 5px;position:absolute;right:0}.br-select .br-list{background:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);display:none;margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}.br-select .br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}.br-select .br-list::-webkit-scrollbar-track{background:var(--gray-10)}.br-select .br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}.br-select .br-list:focus,.br-select .br-list:active{color:var(--color-secondary-09);outline:none}.br-select .br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}.br-select .br-list[expanded]{display:block}.br-select .br-item{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--interactive-light-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .content{padding:0}.br-select .br-item .br-checkbox,.br-select .br-item .br-radio{--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-2x)}.br-select .br-item .br-checkbox input:hover:not(:disabled)+label::before,.br-select .br-item .br-radio input:hover:not(:disabled)+label::before{background-image:none}.br-select .br-item .br-checkbox input+label,.br-select .br-item .br-radio input+label{padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-select .br-item .br-radio input+label{color:var(--text-color);display:block;height:auto;min-height:0;padding:var(--item-padding)}.br-select .br-item .br-radio input+label::before,.br-select .br-item .br-radio input+label::after{content:none}.br-select .br-item:not(:last-child){border-bottom:var(--select-divider)}.br-select .br-item:not([disabled]){--focus-offset:calc(var(--spacing-scale-half) * -1)}.br-select .br-item:not([disabled]):focus{outline:none}.br-select .br-item:not([disabled]):focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item:not([disabled]):not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.selected,.br-select .br-item[selected]{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-select .br-item.selected:focus,.br-select .br-item[selected]:focus{outline:none}.br-select .br-item.selected:focus-visible,.br-select .br-item[selected]:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}.br-select .br-item.selected:not(:disabled):hover,.br-select .br-item[selected]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-select .br-item.disabled{line-height:calc(var(--font-line-height-high) * 2);padding-left:calc(var(--item-padding) + var(--spacing-scale-base))}.br-select .br-item.highlighted,.br-select .br-item[highlighted]{background-color:var(--gray-2);padding-bottom:var(--spacing-scale-base);padding-top:var(--spacing-scale-base)}.br-select .br-item.highlighted .br-checkbox label,.br-select .br-item.highlighted .br-radio label,.br-select .br-item[highlighted] .br-checkbox label,.br-select .br-item[highlighted] .br-radio label{font-weight:var(--font-weight-semi-bold)}.br-select .br-item.highlighted .br-checkbox:hover,.br-select .br-item.highlighted .br-radio:hover,.br-select .br-item[highlighted] .br-checkbox:hover,.br-select .br-item[highlighted] .br-radio:hover{background:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}.br-select .br-item.highlighted .br-checkbox:hover label,.br-select .br-item.highlighted .br-radio:hover label,.br-select .br-item[highlighted] .br-checkbox:hover label,.br-select .br-item[highlighted] .br-radio:hover label{color:var(--text-color)}.br-select .br-item.highlighted.selected,.br-select .br-item.highlighted[selected],.br-select .br-item[highlighted].selected,.br-select .br-item[highlighted][selected]{background-color:var(--selected)}.br-select.dark-mode .br-input,.br-select.dark-mode .br-input label{--color:var(--color-dark);--focus-color:var(--focus-color-dark)}.br-item{background:var(--background);--item-padding-x:var(--spacing-scale-2x);--item-padding-y:var(--spacing-scale-base);--item-padding:var(--item-padding-y) var(--item-padding-x);--focus-offset:calc(var(--focus-width) * -1);border:0;color:var(--color);display:block;font-weight:var(--font-weight);padding:var(--item-padding);text-align:left;width:100%}.br-item .row{margin-left:calc(-1 * var(--spacing-scale-base));margin-right:calc(-1 * var(--spacing-scale-base))}.br-item .row .col,.br-item .row [class*=col-]{padding-left:var(--spacing-scale-base);padding-right:var(--spacing-scale-base)}.br-item::after{clear:both;content:"";display:block}.br-item[data-toggle]{cursor:pointer}.br-item[data-toggle=selection]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item>.br-checkbox:not(.hidden-label),.br-item>.br-radio:not(.hidden-label){margin-bottom:calc(var(--item-padding-y) * -1);margin-left:calc(var(--item-padding-x) * -1);margin-right:calc(var(--item-padding-x) * -1);margin-top:calc(var(--item-padding-y) * -1)}.br-item>.br-checkbox:not(.hidden-label) input+label,.br-item>.br-radio:not(.hidden-label) input+label{padding-bottom:var(--item-padding-y);padding-top:var(--item-padding-y);top:1px;width:100%}.br-item>.br-checkbox:not(.hidden-label) input+label::before,.br-item>.br-radio:not(.hidden-label) input+label::before{left:var(--item-padding-x);top:calc(var(--item-padding-y) - 1px)}.br-item>.br-checkbox:not(.hidden-label) input+label:empty,.br-item>.br-radio:not(.hidden-label) input+label:empty{left:0;top:1px}.br-item>.br-checkbox:not(.hidden-label) input:hover:not(:disabled)+label::before,.br-item>.br-radio:not(.hidden-label) input:hover:not(:disabled)+label::before{background-image:none}.br-item>.br-checkbox input:not(:indeterminate)+label{min-height:calc(var(--checkbox-size) + var(--item-padding-y) * 2)}.br-item>.br-checkbox input:not(:indeterminate)+label:not(:empty){padding-left:calc(var(--checkbox-padding) + var(--checkbox-size) + var(--item-padding-x))}.br-item>.br-checkbox input:not(:indeterminate)+label::after{left:calc(var(--item-padding-x) + 8px);top:calc(var(--item-padding-y) + 4px)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty{min-height:var(--checkbox-size)}.br-item>.br-checkbox input:not(:indeterminate)+label:empty::after{left:8px;top:4px}.br-item .br-radio input+label{min-height:calc(var(--radio-size) + var(--item-padding-y) * 2);padding-left:calc(var(--spacing-scale-base) + var(--radio-size) + var(--item-padding-x))}.br-item .br-radio input+label::after{left:calc(var(--item-padding-x) + var(--radio-bullet-position));top:calc(var(--item-padding-y) + var(--radio-bullet-position) - 1px)}.br-item .br-radio input+label:empty{min-height:var(--radio-size)}.br-item .br-radio input+label:empty::after{left:var(--radio-bullet-position);top:var(--radio-bullet-position)}.br-item.highlight{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.selected{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--selected)}.br-item.active{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark);background-color:var(--active);color:var(--color)}.br-item.dark-mode{--color:var(--color-dark);--color-rgb:var(--color-dark-rgb);--text-color:var(--color-dark);--interactive:var(--interactive-dark);--interactive-rgb:var(--interactive-dark-rgb);--visited:var(--visited-dark);--hover:var(--hover-dark);--pressed:var(--pressed-dark);--focus-color:var(--focus-color-dark);--focus:var(--focus-color-dark)}.br-item.dark-mode.active{--color:var(--color-light);--color-rgb:var(--color-light-rgb);--text-color:var(--color-light);--interactive:var(--interactive-light);--interactive-rgb:var(--active-rgb);--visited:var(--visited-light);--hover:var(--hover-light);--pressed:var(--pressed-light);--focus-color:var(--focus-color-light);--focus:var(--focus-color-light);background-color:var(--background-light);color:var(--active)}.br-item[data-toggle]:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}.br-item .content{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex}.br-item [class*=fa-]{height:16px;width:14px !important}a.br-item{color:var(--interactive)}a.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--hover))), to(rgba(var(--interactive-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)))}a.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--interactive-rgb), var(--pressed))), to(rgba(var(--interactive-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)))}button.br-item{background-color:transparent;color:var(--color)}button.br-item:focus{outline:none}button.br-item:focus-visible{outline-color:var(--focus);outline-offset:var(--focus-offset);outline-style:var(--focus-style);outline-width:var(--focus-width)}button.br-item:not(:disabled):hover{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--hover))), to(rgba(var(--color-rgb), var(--hover))));background-image:linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)))}button.br-item:not(:disabled):active{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(var(--color-rgb), var(--pressed))), to(rgba(var(--color-rgb), var(--pressed))));background-image:linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)))}:host{display:block}:host .br-select br-list{background-color:var(--bg-color);-webkit-box-shadow:var(--select-shadow);box-shadow:var(--select-shadow);margin-top:-2px;max-height:404px;overflow:auto;position:absolute;resize:none;width:100%;z-index:1}:host .br-select br-list::-webkit-scrollbar{height:var(--spacing-scale-base);width:var(--spacing-scale-base)}:host .br-select br-list::-webkit-scrollbar-track{background:var(--gray-10)}:host .br-select br-list::-webkit-scrollbar-thumb{background:var(--gray-30)}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--gray-40)}:host .br-select br-list:focus,:host .br-select br-list:active{color:var(--color-secondary-09);outline:none}:host .br-select br-list:hover::-webkit-scrollbar-thumb{background:var(--color-secondary-07)}:host .br-select br-list .br-item br-radio::part(radio-input){visibility:hidden;height:0;width:0}:host .br-select br-list .br-item br-radio::part(radio-label){padding-left:var(--spacing-scale-base);position:relative}:host .br-select br-list .br-item br-radio::part(radio-label)::before,:host .br-select br-list .br-item br-radio::part(radio-label)::after{display:none}';var c=l;var s=r("br_select",function(){function r(r){var a=this;e(this,r);this.brDidSelectChange=t(this,"brDidSelectChange",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.idDefault="".concat(n());this.handleClickOutside=function(r){var e=r.target;if(a.isExpanded&&!a.el.contains(e)){a.isExpanded=false}};this.inheritedAttributes={};this.label=undefined;this.placeholder="";this.isMultiple=false;this.options="[]";this.selectAllLabel="Selecionar todos";this.unselectAllLabel="Desselecionar todos";this.showSearchIcon=false;this.isOpen=false;this.customId=undefined;this.parsedOptions=[];this.inputValue="";this.isAllSelected=false;this.isExpanded=false;this.focusedIndex=-1}r.prototype.synchronizeSelect=function(){try{var r=JSON.parse(this.options);this.parsedOptions=this.sanitizeOptions(r);this.updateSelectedOptions();this.updateSelectedAllState();this.emitSelectedOptions()}catch(r){console.error("Erro ao processar as opções do select:",r);this.parsedOptions=[]}};r.prototype.componentWillLoad=function(){this.isExpanded=this.isOpen;this.inheritedAttributes=o(this.el);this.synchronizeSelect()};r.prototype.componentDidLoad=function(){document.addEventListener("click",this.handleClickOutside)};r.prototype.disconnectedCallback=function(){document.addEventListener("click",this.handleClickOutside)};r.prototype.sanitizeOptions=function(r){var e=[];var t=[];r.forEach((function(r){if(typeof r.label==="string"&&r.label.trim()!==""){e.push({label:r.label.trim(),value:typeof r.value==="string"?r.value:"",selected:typeof r.selected==="boolean"?r.selected:false})}else{t.push(r)}}));if(t.length>0){console.warn("Opções inválidas descartadas:",t)}return e};r.prototype.handleKeydownOnInput=function(r){switch(r.key){case"Tab":this.closeSelect();break;case"ArrowDown":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("next");break;case"ArrowUp":r.preventDefault();if(!this.isExpanded){this.openSelect()}this.focusItemInDirection("previous");break;case"Escape":this.closeSelect();this.resetFocus();break;case"Enter":this.toggleOpen();break}};r.prototype.handleKeydownOnList=function(r){r.preventDefault();switch(r.key){case"Tab":case"Escape":this.resetFocus();break;case"ArrowUp":this.focusItemInDirection("previous");break;case"ArrowDown":this.focusItemInDirection("next");break}};r.prototype.handleKeydownOnItem=function(r,e){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.handleSelection(e)}else if(r.key==="Escape"){this.closeSelect()}};r.prototype.handleSelectAllKeyDown=function(r){if(r.key==="Enter"||r.key===" "){r.preventDefault();this.toggleSelectAll()}else if(r.key==="Escape"){r.preventDefault();this.closeSelect()}};r.prototype.resetFocus=function(){var r=this.el.shadowRoot.querySelector("br-input");r.focus()};r.prototype.focusItemInDirection=function(r){var e=this.parsedOptions.length;if(this.isMultiple)e+=1;this.focusedIndex=r==="next"?(this.focusedIndex+1)%e:(this.focusedIndex-1+e)%e;this.focusItem(this.focusedIndex)};r.prototype.focusItem=function(r){var e=this.el.shadowRoot.querySelectorAll(".br-item");var t=e[r];t.focus()};r.prototype.openSelect=function(){this.isExpanded=true};r.prototype.closeSelect=function(){this.isExpanded=false};r.prototype.handleSelection=function(r){if(r<0||r>=this.parsedOptions.length){return}if(this.isMultiple){this.parsedOptions[r].selected=!this.parsedOptions[r].selected}else{this.parsedOptions.forEach((function(r){return r.selected=false}));this.parsedOptions[r].selected=true;this.isExpanded=false}this.updateSelectedOptions();this.emitSelectedOptions();this.updateSelectedAllState()};r.prototype.updateSelectedOptions=function(){this.inputValue=this.getStringValue(this.parsedOptions.filter((function(r){return r.selected})))};r.prototype.getStringValue=function(r){if(r.length>0){var e=r[0].label||r[0].value;if(this.isMultiple){var t=r.length>1?" + (".concat(r.length-1,")"):"";return"".concat(e).concat(t)}else{return e}}return""};r.prototype.emitSelectedOptions=function(){var r=this.parsedOptions.filter((function(r){return r.selected===true})).map((function(r){var e;return(e=r.label)!==null&&e!==void 0?e:r.value}));this.brDidSelectChange.emit(r)};r.prototype.updateSelectedAllState=function(){var r=this.parsedOptions.every((function(r){return r.selected}));this.isAllSelected=r};r.prototype.toggleSelectAll=function(){if(this.isAllSelected){this.parsedOptions.forEach((function(r){return r.selected=false}));this.isAllSelected=false}else{this.parsedOptions.forEach((function(r){return r.selected=true}));this.isAllSelected=true}this.updateSelectedOptions();this.emitSelectedOptions()};r.prototype.renderInput=function(){var r=this;return a("br-input",{value:this.inputValue,label:this.label,placeholder:this.placeholder,readonly:true,onClick:function(){return r.toggleOpen()},onKeyDown:function(e){return r.handleKeydownOnInput(e)}},this.showSearchIcon&&a("br-icon",{slot:"icon","icon-name":"fa-solid:search","aria-hidden":"true"}),a("br-icon",{slot:"action","icon-name":this.isExpanded?"fa-solid:angle-up":"fa-solid:angle-down",height:"16","aria-hidden":"true"}))};r.prototype.renderSelectAllCheckbox=function(){var r=this;return a("div",{class:"br-item highlighted ".concat(this.isAllSelected?"selected":""),"data-all":"data-all",tabindex:"-1",role:"option","aria-selected":this.isAllSelected,onKeyDown:function(e){return r.handleSelectAllKeyDown(e)}},a("br-checkbox",{name:"checkbox-".concat(this.idDefault),label:this.isAllSelected?this.unselectAllLabel:this.selectAllLabel,checked:this.isAllSelected,onBrDidCheckedChange:function(){return r.toggleSelectAll()}}))};r.prototype.renderOptions=function(){var r=this;return this.parsedOptions.map((function(e,t){return a("div",{class:"br-item ".concat(e.selected?"selected":""),key:"".concat(e.label,"-").concat(r.idDefault),role:"option",tabindex:r.focusedIndex===t?0:-1,"aria-selected":e.selected,onClick:function(){return r.handleSelection(t)},onKeyDown:function(e){return r.handleKeydownOnItem(e,t)}},r.isMultiple?a("br-checkbox",{name:"checkbox-".concat(t,"-").concat(r.idDefault),label:e.label||e.value,checked:e.selected===true,onBrDidCheckedChange:function(){return r.handleSelection(t)}}):a("br-radio",{exportparts:"radio-input, radio-label",name:"radio-".concat(t,"-").concat(r.idDefault),label:e.label||e.value,checked:e.selected===true,onBrDidChange:function(){return r.handleSelection(t)}}))}))};r.prototype.getComputedId=function(){var r;return((r=this.customId)===null||r===void 0?void 0:r.length)>0?this.customId:"br-select-".concat(this.idDefault)};r.prototype.toggleOpen=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){this.isExpanded=!this.isExpanded;return[2]}))}))};r.prototype.getCssClassMap=function(){return{"br-select":true}};r.prototype.render=function(){var r=this;return a("div",Object.assign({key:"a060e050a8b1ae04df17457118c5061efaf09853",class:this.getCssClassMap()},this.inheritedAttributes,{id:this.getComputedId()}),this.renderInput(),this.isExpanded&&a("br-list",{key:"bca27704661b44ca08de6183f2406bda4d5254a9",tabindex:-1,onKeyDown:function(e){return r.handleKeydownOnList(e)}},this.isMultiple&&this.renderSelectAllCheckbox(),this.renderOptions()))};Object.defineProperty(r,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"el",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{options:["synchronizeSelect"]}},enumerable:false,configurable:true});return r}());s.style=c}}}));
|
|
6
|
+
//# sourceMappingURL=p-36e48582.system.entry.js.map
|