@govbr-ds/webcomponents 2.1.1 → 2.1.2

package/README.md

@@ -392,14 +392,3 @@ Utilize os canais abaixo para esclarecer suas dúvidas:
 
 Os Web Components do [GovBR-DS](https://gov.br/ds/ 'GovBR-DS') foram desenvolvidos pelo [SERPRO](https://www.serpro.gov.br/ 'SERPRO | Serviço Federal de Processamento de Dados') em parceria com a comunidade.
 
-## Nota sobre pnpm e tree-shaking
-
-Em alguns cenários, para que o tree‑shaking funcione corretamente (especialmente em bundlers que dependem da estrutura de `node_modules` e da resolução de `sideEffects`), pode ser necessário configurar o pnpm para usar o layout de dependências "hoisted".
-
-Crie um arquivo `.npmrc` na raiz do seu projeto (caso ainda não exista) com:
-
-```properties
-node-linker=hoisted
-```
-
-Por quê: o layout padrão do pnpm usa pastas isoladas com symlinks, o que pode confundir determinadas ferramentas de build/otimização ao analisar limites de módulos e `sideEffects`. O `node-linker=hoisted` aproxima o layout do de npm/yarn (flat/hoisted), facilitando a análise estática e, consequentemente, o tree‑shaking. Use essa opção apenas se perceber problemas de eliminação de código morto; ela pode aumentar o uso de disco e alterar a resolução de dependências.

package/cem/custom-elements.json

@@ -18190,6 +18190,15 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "hasControlledSelection",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "effectiveInteractive",
@@ -30289,7 +30298,7 @@
               },
               "privacy": "private",
               "parsedType": {
-                "text": "HTMLElement & { focusOption: {  }, scrollOptionToTop: {  }, scrollFirstSelectedOptionToTop: {  }, setSearchTerm: {  }, setOptionSelected: {  }, options: { disabled: false | true, indeterminate: false | true, label: string, selected: false | true, value: string }[] } & { close: {  }, open: {  }, setMultiple: {  }, setOption: {  }, setOptions: {  }, loading: false | true }"
+                "text": "HTMLElement & { focusOption: {  }, scrollOptionToTop: {  }, scrollFirstSelectedOptionToTop: {  }, setSearchTerm: {  }, setOptionSelected: {  }, options: { content: string, disabled: false | true, indeterminate: false | true, label: string, selected: false | true, value: string }[] } & { close: {  }, open: {  }, setMultiple: {  }, setOption: {  }, setOptions: {  }, loading: false | true }"
               }
             },
             {
@@ -30432,6 +30441,15 @@
               "privacy": "private",
               "default": "false"
             },
+            {
+              "kind": "field",
+              "name": "selectedValuesState",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
             {
               "kind": "field",
               "name": "nativeSelect",
@@ -30516,6 +30534,33 @@
               "privacy": "private",
               "default": "new Map<string, SelectOptionData>()"
             },
+            {
+              "kind": "field",
+              "name": "selectionInitialized",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "selectedValues",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "suppressFocusOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "field",
               "name": "effectiveMultiple",
@@ -30543,6 +30588,87 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "method",
+              "name": "valueFromPublicValue",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[] | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "string | string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectedValues",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "values",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "canonicalSelectedValues",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "applyCanonicalSelection",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SelectOptionData[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "SelectOptionData[]"
+                  }
+                },
+                {
+                  "name": "values",
+                  "default": "this.canonicalSelectedValues"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getListOptions",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SelectOptionData[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "options",
+                  "type": {
+                    "text": "SelectOptionData[]"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "isDisabled",
@@ -31234,10 +31360,47 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "syncNativeSelectSelection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "values",
+                  "default": "this.getSelectedValues()"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getSelectedValues",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "updateValidity",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selectedCount",
+                  "default": "this.getSelectedValues().length"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getNativeSelect",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLSelectElement | undefined"
+                }
+              }
             },
             {
               "kind": "method",
@@ -31383,15 +31546,29 @@
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "detail",
-                  "type": {
-                    "text": "SelectOptionStateChange"
-                  },
-                  "description": "Estado emitido pela opção que disparou a mudança."
+                  "name": "values",
+                  "default": "this.selectedValues"
+                },
+                {
+                  "description": "Estado emitido pela opção que disparou a mudança.",
+                  "name": "detail"
                 }
               ],
               "description": "Reflete no slot a seleção que foi consolidada pela lista interna."
             },
+            {
+              "kind": "method",
+              "name": "reflectRenderedListSelection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "values",
+                  "type": {
+                    "text": "string[]"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "isSelectAllLabel",
@@ -32874,6 +33051,15 @@
               ],
               "description": "Alterna a lista entre modo simples e múltiplo."
             },
+            {
+              "kind": "field",
+              "name": "isControlledBySelect",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "getOptions",
@@ -33677,7 +33863,22 @@
             {
               "kind": "method",
               "name": "emitStateChange",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "default": "this.selected"
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "isControlledBySelect",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",

package/dist/cjs/br-cookiebar-link.cjs.entry.js

@@ -45,8 +45,9 @@ const CookiebarLink = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '8606c7c9be2c4dc92bc1c4a5886c1718572ee43c' }, index.h("div", { key: '72efa4bfc7a0927c18c52901b5b1b53938130fcb', class: this.getCssClassMap() }, index.h("a", { key: '030d1fd645fd8d193bb3ae8f117edd66781fef3c', class: "cookiebar-link-anchor", href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, this.name, this.target === '_blank' && (index.h("br-icon", { key: '864729d1408f7b89d301c1ec886c7295ddfbc6f3', class: "external-icon", iconName: "fa6-solid:arrow-up-right-from-square", width: "12", height: "12", "aria-label": "(abre em nova aba)" }))))));
+        return (index.h(index.Host, { key: '33b89d9f5976f6fa7254ee90272a910a0956d765' }, index.h("div", { key: 'a74fa612a1722a391a36b8fd6602c020cb0e94ce', class: this.getCssClassMap() }, index.h("a", { key: '69b897c73cfe66bb15120a4116de9203640d34f5', class: "cookiebar-link-anchor", href: this.href, target: this.target, rel: this.target === '_blank' ? 'noopener noreferrer' : undefined, onClick: this.handleClick, part: "link" }, this.name, this.target === '_blank' && (index.h("br-icon", { key: '3dcd2d9b253a9623924a8e1c0f167532b65fcf2c', class: "external-icon", iconName: "fa6-solid:arrow-up-right-from-square", width: "12", height: "12", "aria-label": "(abre em nova aba)" }))))));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index.getElement(this); }
 };
 CookiebarLink.style = cookiebarLinkCss();

package/dist/cjs/br-date-picker_3.cjs.entry.js

@@ -1855,8 +1855,9 @@ const DatetimeInput = class {
      * Renderização principal do componente.
      */
     render() {
-        return (index$1.h(index$1.Host, { key: '81cb75473b92df9e9026cae60361b30243f81e7c' }, index$1.h("div", { key: '009535a00998695c36ba186dba1410dac4459250', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
+        return (index$1.h(index$1.Host, { key: '47e77b0412286cf4f8fb35f9a1038a2e68f87266' }, index$1.h("div", { key: '86b4dda4364fe1cbe111007a2b4f61435abc5cf4', class: this.getCssClassMap(), part: "container" }, this.renderInputField())));
     }
+    static get delegatesFocus() { return true; }
     get el() { return index$1.getElement(this); }
     static get watchers() { return {
         "rangeValue": [{

package/dist/cjs/br-datetime-picker.cjs.entry.js

@@ -1831,9 +1831,8 @@ const DatetimePicker = class {
      * Renderização principal do componente.
      */
     render() {
-        return (index.h(index.Host, { key: '3b5767a6ee82dfd10d095c4c3c4855d75f22bbd4', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage ? this.feedbackId : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot ? this.feedbackId : null }, index.h("div", { key: '7b7c74d3cea1c568d53c5be9d8a687d95472e568', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), index.h("div", { key: '442f9d5e82c126ee9c1527eb26d3bfca7141caf2', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: '830105a39d1e42db3f13d091f88fd7313330dee7', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
+        return (index.h(index.Host, { key: '906849439dfc93b18952963b95e35da332e5018b', onKeyDown: this.handlePickerKeydown, "aria-busy": this.isValidating ? 'true' : null, "aria-describedby": this.hasFeedbackSlot || this.customValidationMessage || this.validatorMessage ? this.feedbackId : null, "aria-errormessage": this.customValidationMessage || this.validatorMessage || this.hasFeedbackSlot ? this.feedbackId : null }, index.h("div", { key: '8a77432dc84c6897d7ffb2e403f72d42e333230a', class: this.getCssClassMap(), part: "container" }, this.renderInputField(), this.renderPickerContent()), index.h("div", { key: '1e3f4df6f301fbb54d76eea49848ec7910bc3f33', id: this.feedbackId, part: "feedback", hidden: !this.hasFeedbackSlot && !this.customValidationMessage && !this.validatorMessage }, index.h("slot", { key: '7000d3c447c5bfa1f674c78024a1e58ca69652a3', name: "feedback", onSlotchange: (event) => (this.hasFeedbackSlot = slot.hasAssignedSlotContent(event.currentTarget)) }), !this.hasFeedbackSlot && (this.customValidationMessage || this.validatorMessage) ? (index.h("br-message", { state: "danger", message: this.customValidationMessage || this.validatorMessage })) : null)));
     }
-    static get delegatesFocus() { return true; }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
     static get watchers() { return {