@govbr-ds/webcomponents 2.0.0-next.25 → 2.0.0-next.26

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.
Files changed (37) hide show
  1. package/dist/cjs/br-checkbox.cjs.entry.js +40 -8
  2. package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/webcomponents.cjs.js +1 -1
  5. package/dist/collection/components/checkbox/checkbox.js +84 -11
  6. package/dist/collection/components/checkbox/checkbox.js.map +1 -1
  7. package/dist/components/br-checkbox.js +4 -4
  8. package/dist/components/br-checkgroup.js +1 -1
  9. package/dist/components/br-select.js +1 -1
  10. package/dist/components/{p-971f7fbf.js → p-96b78fb9.js} +54 -18
  11. package/dist/components/p-96b78fb9.js.map +1 -0
  12. package/dist/esm/br-checkbox.entry.js +40 -8
  13. package/dist/esm/br-checkbox.entry.js.map +1 -1
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/esm/webcomponents.js +1 -1
  16. package/dist/esm-es5/br-checkbox.entry.js +50 -10
  17. package/dist/esm-es5/br-checkbox.entry.js.map +1 -1
  18. package/dist/esm-es5/loader.js +5 -2
  19. package/dist/esm-es5/loader.js.map +1 -1
  20. package/dist/esm-es5/webcomponents.js +25 -22
  21. package/dist/esm-es5/webcomponents.js.map +1 -1
  22. package/dist/hydrate/index.js +43 -10
  23. package/dist/hydrate/index.mjs +43 -10
  24. package/dist/types/components/checkbox/checkbox.d.ts +16 -5
  25. package/dist/types/components.d.ts +12 -2
  26. package/dist/webcomponents/p-0f563c6d.system.js +61 -58
  27. package/dist/webcomponents/p-0f563c6d.system.js.map +1 -1
  28. package/dist/webcomponents/{p-155ec097.entry.js → p-5df2f563.entry.js} +49 -16
  29. package/dist/webcomponents/p-5df2f563.entry.js.map +1 -0
  30. package/dist/webcomponents/{p-10985792.system.entry.js → p-7aa13069.system.entry.js} +51 -11
  31. package/dist/webcomponents/p-7aa13069.system.entry.js.map +1 -0
  32. package/dist/webcomponents/webcomponents.esm.js +21 -18
  33. package/dist/webcomponents/webcomponents.esm.js.map +1 -1
  34. package/package.json +1 -1
  35. package/dist/components/p-971f7fbf.js.map +0 -1
  36. package/dist/webcomponents/p-10985792.system.entry.js.map +0 -1
  37. package/dist/webcomponents/p-155ec097.entry.js.map +0 -1
@@ -1,33 +1,33 @@
1
- var __awaiter = this && this.__awaiter || function(e, t, s, i) {
1
+ var __awaiter = this && this.__awaiter || function(e, t, i, s) {
2
2
  function adopt(e) {
3
- return e instanceof s ? e : new s((function(t) {
3
+ return e instanceof i ? e : new i((function(t) {
4
4
  t(e);
5
5
  }));
6
6
  }
7
- return new (s || (s = Promise))((function(s, n) {
7
+ return new (i || (i = Promise))((function(i, n) {
8
8
  function fulfilled(e) {
9
9
  try {
10
- step(i.next(e));
10
+ step(s.next(e));
11
11
  } catch (e) {
12
12
  n(e);
13
13
  }
14
14
  }
15
15
  function rejected(e) {
16
16
  try {
17
- step(i["throw"](e));
17
+ step(s["throw"](e));
18
18
  } catch (e) {
19
19
  n(e);
20
20
  }
21
21
  }
22
22
  function step(e) {
23
- e.done ? s(e.value) : adopt(e.value).then(fulfilled, rejected);
23
+ e.done ? i(e.value) : adopt(e.value).then(fulfilled, rejected);
24
24
  }
25
- step((i = i.apply(e, t || [])).next());
25
+ step((s = s.apply(e, t || [])).next());
26
26
  }));
27
27
  };
28
28
 
29
29
  var __generator = this && this.__generator || function(e, t) {
30
- var s = {
30
+ var i = {
31
31
  label: 0,
32
32
  sent: function() {
33
33
  if (a[0] & 1) throw a[1];
@@ -35,82 +35,82 @@ var __generator = this && this.__generator || function(e, t) {
35
35
  },
36
36
  trys: [],
37
37
  ops: []
38
- }, i, n, a, o;
39
- return o = {
38
+ }, s, n, a, l;
39
+ return l = {
40
40
  next: verb(0),
41
41
  throw: verb(1),
42
42
  return: verb(2)
43
- }, typeof Symbol === "function" && (o[Symbol.iterator] = function() {
43
+ }, typeof Symbol === "function" && (l[Symbol.iterator] = function() {
44
44
  return this;
45
- }), o;
45
+ }), l;
46
46
  function verb(e) {
47
47
  return function(t) {
48
48
  return step([ e, t ]);
49
49
  };
50
50
  }
51
- function step(l) {
52
- if (i) throw new TypeError("Generator is already executing.");
53
- while (o && (o = 0, l[0] && (s = 0)), s) try {
54
- if (i = 1, n && (a = l[0] & 2 ? n["return"] : l[0] ? n["throw"] || ((a = n["return"]) && a.call(n),
55
- 0) : n.next) && !(a = a.call(n, l[1])).done) return a;
56
- if (n = 0, a) l = [ l[0] & 2, a.value ];
57
- switch (l[0]) {
51
+ function step(o) {
52
+ if (s) throw new TypeError("Generator is already executing.");
53
+ while (l && (l = 0, o[0] && (i = 0)), i) try {
54
+ if (s = 1, n && (a = o[0] & 2 ? n["return"] : o[0] ? n["throw"] || ((a = n["return"]) && a.call(n),
55
+ 0) : n.next) && !(a = a.call(n, o[1])).done) return a;
56
+ if (n = 0, a) o = [ o[0] & 2, a.value ];
57
+ switch (o[0]) {
58
58
  case 0:
59
59
  case 1:
60
- a = l;
60
+ a = o;
61
61
  break;
62
62
 
63
63
  case 4:
64
- s.label++;
64
+ i.label++;
65
65
  return {
66
- value: l[1],
66
+ value: o[1],
67
67
  done: false
68
68
  };
69
69
 
70
70
  case 5:
71
- s.label++;
72
- n = l[1];
73
- l = [ 0 ];
71
+ i.label++;
72
+ n = o[1];
73
+ o = [ 0 ];
74
74
  continue;
75
75
 
76
76
  case 7:
77
- l = s.ops.pop();
78
- s.trys.pop();
77
+ o = i.ops.pop();
78
+ i.trys.pop();
79
79
  continue;
80
80
 
81
81
  default:
82
- if (!(a = s.trys, a = a.length > 0 && a[a.length - 1]) && (l[0] === 6 || l[0] === 2)) {
83
- s = 0;
82
+ if (!(a = i.trys, a = a.length > 0 && a[a.length - 1]) && (o[0] === 6 || o[0] === 2)) {
83
+ i = 0;
84
84
  continue;
85
85
  }
86
- if (l[0] === 3 && (!a || l[1] > a[0] && l[1] < a[3])) {
87
- s.label = l[1];
86
+ if (o[0] === 3 && (!a || o[1] > a[0] && o[1] < a[3])) {
87
+ i.label = o[1];
88
88
  break;
89
89
  }
90
- if (l[0] === 6 && s.label < a[1]) {
91
- s.label = a[1];
92
- a = l;
90
+ if (o[0] === 6 && i.label < a[1]) {
91
+ i.label = a[1];
92
+ a = o;
93
93
  break;
94
94
  }
95
- if (a && s.label < a[2]) {
96
- s.label = a[2];
97
- s.ops.push(l);
95
+ if (a && i.label < a[2]) {
96
+ i.label = a[2];
97
+ i.ops.push(o);
98
98
  break;
99
99
  }
100
- if (a[2]) s.ops.pop();
101
- s.trys.pop();
100
+ if (a[2]) i.ops.pop();
101
+ i.trys.pop();
102
102
  continue;
103
103
  }
104
- l = t.call(e, s);
104
+ o = t.call(e, i);
105
105
  } catch (e) {
106
- l = [ 6, e ];
106
+ o = [ 6, e ];
107
107
  n = 0;
108
108
  } finally {
109
- i = a = 0;
109
+ s = a = 0;
110
110
  }
111
- if (l[0] & 5) throw l[1];
111
+ if (o[0] & 5) throw o[1];
112
112
  return {
113
- value: l[0] ? l[1] : void 0,
113
+ value: o[0] ? o[1] : void 0,
114
114
  done: true
115
115
  };
116
116
  }
@@ -120,11 +120,11 @@ var __generator = this && this.__generator || function(e, t) {
120
120
  * Construído com @govbr-ds/webcomponents
121
121
  */ System.register([ "./p-3303bca8.system.js", "./p-4ae4d905.system.js" ], (function(e, t) {
122
122
  "use strict";
123
- var s, i, n, a;
123
+ var i, s, n, a;
124
124
  return {
125
125
  setters: [ function(t) {
126
- s = t.p;
127
- i = t.H;
126
+ i = t.p;
127
+ s = t.H;
128
128
  n = t.b;
129
129
  e("setNonce", t.s);
130
130
  }, function(e) {
@@ -136,14 +136,14 @@ var __generator = this && this.__generator || function(e, t) {
136
136
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
137
137
  */ var patchBrowser = function() {
138
138
  {
139
- patchCloneNodeFix(i.prototype);
139
+ patchCloneNodeFix(s.prototype);
140
140
  }
141
141
  var e = t.meta.url;
142
142
  var n = {};
143
143
  if (e !== "") {
144
144
  n.resourcesUrl = new URL(".", e).href;
145
145
  }
146
- return s(n);
146
+ return i(n);
147
147
  };
148
148
  var patchCloneNodeFix = function(e) {
149
149
  var t = e.cloneNode;
@@ -151,16 +151,16 @@ var __generator = this && this.__generator || function(e, t) {
151
151
  if (this.nodeName === "TEMPLATE") {
152
152
  return t.call(this, e);
153
153
  }
154
- var s = t.call(this, false);
155
- var i = this.childNodes;
154
+ var i = t.call(this, false);
155
+ var s = this.childNodes;
156
156
  if (e) {
157
- for (var n = 0; n < i.length; n++) {
158
- if (i[n].nodeType !== 2) {
159
- s.appendChild(i[n].cloneNode(true));
157
+ for (var n = 0; n < s.length; n++) {
158
+ if (s[n].nodeType !== 2) {
159
+ i.appendChild(s[n].cloneNode(true));
160
160
  }
161
161
  }
162
162
  }
163
- return s;
163
+ return i;
164
164
  };
165
165
  };
166
166
  patchBrowser().then((function(t) {
@@ -295,8 +295,8 @@ var __generator = this && this.__generator || function(e, t) {
295
295
  setValue: [ 64 ]
296
296
  }, null, {
297
297
  value: [ "valueChanged" ]
298
- } ] ] ], [ "p-10985792.system", [ [ 65, "br-checkbox", {
299
- indeterminate: [ 516 ],
298
+ } ] ] ], [ "p-7aa13069.system", [ [ 65, "br-checkbox", {
299
+ indeterminate: [ 1540 ],
300
300
  checked: [ 1540 ],
301
301
  customId: [ 513, "custom-id" ],
302
302
  disabled: [ 516 ],
@@ -305,8 +305,11 @@ var __generator = this && this.__generator || function(e, t) {
305
305
  name: [ 513 ],
306
306
  state: [ 513 ],
307
307
  value: [ 513 ],
308
- _slotDefault: [ 32 ],
308
+ slotDefault: [ 32 ],
309
+ setIndeterminate: [ 64 ],
309
310
  toggleChecked: [ 64 ]
311
+ }, null, {
312
+ indeterminate: [ "updateIndeterminate" ]
310
313
  } ] ] ], [ "p-1fce4e35.system", [ [ 65, "br-button", {
311
314
  colorMode: [ 513, "color-mode" ],
312
315
  customId: [ 513, "custom-id" ],
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","label","placeholder","isMultiple","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","customId","parsedOptions","inputValue","isAllSelected","isExpanded","focusedIndex","toggleOpen","messageTitle","message","isInline","isClosable","autoRemove","showIcon","isFeedback","state","iconName","color","density","shape","status","interaction","disabled","stateIconName","accept","multiple","filesSelected","file","image","imageAlt","isIconic","text","iconWidth","iconHeight","marginTop","labelSelecionado","labelDesselecionado","indeterminate","checked","isIndeterminate","open","hide","isActive","isSelected","isInteractive","target","isButton","type","value","hasSlotDefault","hasSlotStart","hasSlotEnd","selectedValue","isProgress","progressPercent","isMedium","labelPosition","labelOn","labelOff","hasIcon","name","_slotDefault","toggleChecked","maxlength","showCounter","currentLength","setValue","hasHiddenLabel","colorMode","emphasis","isLoading","height","width","cssClasses","rotate","flip","autocomplete","isHighlight","readonly","required","helpText","autocorrect","min","max","minlength","pattern","step","isPasswordVisible","internalState","hasIconSlot","hasActionSlot","hasFeedbackSlot","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.23.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","module","meta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","options","__awaiter","_this","globalScripts","_a","sent","bootstrapLazy","label","placeholder","isMultiple","selectAllLabel","unselectAllLabel","showSearchIcon","isOpen","customId","parsedOptions","inputValue","isAllSelected","isExpanded","focusedIndex","toggleOpen","messageTitle","message","isInline","isClosable","autoRemove","showIcon","isFeedback","state","iconName","color","density","shape","status","interaction","disabled","stateIconName","accept","multiple","filesSelected","file","image","imageAlt","isIconic","text","iconWidth","iconHeight","marginTop","labelSelecionado","labelDesselecionado","indeterminate","checked","isIndeterminate","open","hide","isActive","isSelected","isInteractive","target","isButton","type","value","hasSlotDefault","hasSlotStart","hasSlotEnd","selectedValue","isProgress","progressPercent","isMedium","labelPosition","labelOn","labelOff","hasIcon","name","_slotDefault","toggleChecked","maxlength","showCounter","currentLength","setValue","hasHiddenLabel","slotDefault","setIndeterminate","colorMode","emphasis","isLoading","height","width","cssClasses","rotate","flip","autocomplete","isHighlight","readonly","required","helpText","autocorrect","min","max","minlength","pattern","step","isPasswordVisible","internalState","hasIconSlot","hasActionSlot","hasFeedbackSlot","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.23.0 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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","ignoreList":[]}
@@ -11,6 +11,7 @@ const d = class {
11
11
  constructor(o) {
12
12
  r(this, o);
13
13
  this.checkedChange = a(this, "checkedChange", 7);
14
+ this.indeterminateChange = a(this, "indeterminateChange", 7);
14
15
  if (o.$hostElement$["s-ei"]) {
15
16
  this.elementInternals = o.$hostElement$["s-ei"];
16
17
  } else {
@@ -26,17 +27,31 @@ const d = class {
26
27
  this.name = undefined;
27
28
  this.state = undefined;
28
29
  this.value = undefined;
29
- this._slotDefault = false;
30
+ this.slotDefault = false;
30
31
  }
31
32
  get el() {
32
33
  return o(this);
33
34
  }
34
35
  elementInternals;
36
+ /**
37
+ * Disparado depois que o valor do `checked` foi alterado
38
+ */
39
+ checkedChange;
40
+ /**
41
+ * Disparado depois que o valor do `indeterminate` foi alterado.
42
+ */
43
+ indeterminateChange;
44
+ updateIndeterminate(r) {
45
+ const a = this.el.shadowRoot.querySelector("input");
46
+ if (a) {
47
+ a.indeterminate = r;
48
+ }
49
+ }
35
50
  componentWillLoad() {
36
51
  this.hasSlotContentDefault();
37
52
  }
38
53
  hasSlotContentDefault() {
39
- this._slotDefault = this.el.innerHTML !== "";
54
+ this.slotDefault = this.el.innerHTML !== "";
40
55
  }
41
56
  getCssClassMap() {
42
57
  return {
@@ -47,44 +62,62 @@ const d = class {
47
62
  "hidden-label": this.hasHiddenLabel
48
63
  };
49
64
  }
50
- /**
51
- * Disparado depois que o valor do `checked` foi alterado
52
- */ checkedChange;
53
65
  handleCheckedChange=() => {
54
- this.checked = !this.checked;
66
+ if (this.indeterminate) {
67
+ // Sai do estado indeterminado ao clicar e define como marcado
68
+ this.indeterminate = false;
69
+ this.checked = true;
70
+ this.indeterminateChange.emit(this.indeterminate);
71
+ } else {
72
+ // Alterna entre marcado e desmarcado
73
+ this.checked = !this.checked;
74
+ }
55
75
  this.checkedChange.emit(this.checked);
56
76
  };
57
77
  /**
58
- * Inverte o valor da prop `checked`
78
+ * Define o estado indeterminado do checkbox.
79
+ * @param value Novo valor para o estado indeterminado.
59
80
  */
60
- async toggleChecked() {
81
+ async setIndeterminate(r) {
82
+ this.indeterminate = r;
83
+ this.updateIndeterminate(r);
84
+ this.indeterminateChange.emit(this.indeterminate);
85
+ }
86
+ /**
87
+ * Inverte o valor da prop `checked`
88
+ */ async toggleChecked() {
61
89
  this.checked = !this.checked;
62
90
  this.checkedChange.emit(this.checked);
63
91
  }
64
92
  render() {
65
93
  return i(n, {
66
- key: "8a0b41231d29bf41ddb4ed06d45a3283efb14f6a"
94
+ key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
67
95
  }, i("div", {
68
- key: "f84bcc543f84b32e651184eefb9481e487a2ac39",
96
+ key: "93b6eed814dfc2052568466539ddb3de25347fd2",
69
97
  class: this.getCssClassMap()
70
98
  }, i("input", {
71
- key: "01bf386936b68d2eef86f317ea35c5eb00871895",
99
+ key: "44d9bda8cf2c384201325e461e159d8d08009917",
72
100
  type: "checkbox",
73
101
  id: this.customId,
74
102
  name: this.name,
75
103
  checked: this.checked,
76
104
  disabled: this.disabled,
77
- indeterminate: this.indeterminate,
78
105
  value: this.value,
79
- onChange: this.handleCheckedChange
106
+ onChange: this.handleCheckedChange,
107
+ ref: r => r && (r.indeterminate = this.indeterminate)
80
108
  }), i("label", {
81
- key: "70cb3518471a4bb0d826dd44caff8b4773a1a578",
109
+ key: "b572e741ab92598e621197bb4211b24745351e3a",
82
110
  htmlFor: this.customId
83
- }, this._slotDefault ? i("slot", null) : this.label)));
111
+ }, this.slotDefault ? i("slot", null) : this.label)));
84
112
  }
85
113
  static get formAssociated() {
86
114
  return true;
87
115
  }
116
+ static get watchers() {
117
+ return {
118
+ indeterminate: [ "updateIndeterminate" ]
119
+ };
120
+ }
88
121
  };
89
122
 
90
123
  let t = 0;
@@ -92,4 +125,4 @@ let t = 0;
92
125
  d.style = g;
93
126
 
94
127
  export { d as br_checkbox };
95
- //# sourceMappingURL=p-155ec097.entry.js.map
128
+ //# sourceMappingURL=p-5df2f563.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","checkboxId","elementInternals","checkedChange","indeterminateChange","updateIndeterminate","newValue","input","this","el","shadowRoot","querySelector","indeterminate","componentWillLoad","hasSlotContentDefault","slotDefault","innerHTML","getCssClassMap","valid","state","invalid","disabled","hasHiddenLabel","handleCheckedChange","checked","emit","setIndeterminate","value","toggleChecked","render","h","Host","key","class","type","id","customId","name","onChange","ref","htmlFor","label"],"sources":["../../packages/webcomponents/src/components/checkbox/checkbox.scss?tag=br-checkbox&encapsulation=shadow","../../packages/webcomponents/src/components/checkbox/checkbox.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core'\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/checkbox?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n@Component({\n tag: 'br-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Checkbox {\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: HTMLBrCheckboxElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o estado intermediário do checkbox.\n * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n * Este estado será resetado automaticamente ao clicar no checkbox, alterando para marcado ou desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false\n\n /**\n * Define o estado de seleção do checkbox.\n * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /**\n * Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true }) readonly customId: string = `br-checkbox-${checkboxId++}`\n\n /**\n * Desativa o checkbox, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Define se o label associado ao checkbox deve ser oculto.\n * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.\n */\n @Prop({ reflect: true }) readonly hasHiddenLabel: boolean = false\n\n /**\n * Texto descritivo exibido à direita do checkbox.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop({ reflect: true }) readonly label: string\n\n /**\n * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n @Prop({ reflect: true }) readonly name!: string\n\n /**\n * Indica a validade do checkbox.\n * Valores possíveis:\n * 'valid': O checkbox é considerado válido.\n * 'invalid': O checkbox é considerado inválido.\n * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n */\n @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n /**\n * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o checkbox está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) readonly value: string\n\n @State() slotDefault: boolean = false\n\n /**\n * Disparado depois que o valor do `checked` foi alterado\n */\n @Event() checkedChange: EventEmitter<boolean>\n\n /**\n * Disparado depois que o valor do `indeterminate` foi alterado.\n */\n @Event() indeterminateChange: EventEmitter<boolean>;\n\n @Watch('indeterminate')\n updateIndeterminate(newValue: boolean) {\n const input = this.el.shadowRoot.querySelector('input');\n if (input) {\n input.indeterminate = newValue;\n }\n }\n\n componentWillLoad() {\n this.hasSlotContentDefault()\n }\n\n private hasSlotContentDefault(): void {\n this.slotDefault = this.el.innerHTML !== ''\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-checkbox': true,\n valid: this.state === 'valid',\n invalid: this.state === 'invalid',\n disabled: this.disabled,\n 'hidden-label': this.hasHiddenLabel,\n }\n }\n\n private readonly handleCheckedChange = () => {\n if (this.indeterminate) {\n // Sai do estado indeterminado ao clicar e define como marcado\n this.indeterminate = false;\n this.checked = true;\n this.indeterminateChange.emit(this.indeterminate);\n } else {\n // Alterna entre marcado e desmarcado\n this.checked = !this.checked;\n }\n this.checkedChange.emit(this.checked);\n }\n\n /**\n * Define o estado indeterminado do checkbox.\n * @param value Novo valor para o estado indeterminado.\n */\n @Method()\n async setIndeterminate(value: boolean) {\n this.indeterminate = value;\n this.updateIndeterminate(value);\n this.indeterminateChange.emit(this.indeterminate);\n }\n\n /**\n * Inverte o valor da prop `checked`\n */\n @Method()\n async toggleChecked() {\n this.checked = !this.checked\n this.checkedChange.emit(this.checked)\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <input\n type=\"checkbox\"\n id={this.customId}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n value={this.value}\n onChange={this.handleCheckedChange}\n ref={(el) => el && (el.indeterminate = this.indeterminate)}\n />\n <label htmlFor={this.customId}>{this.slotDefault ? <slot></slot> : this.label}</label>\n </div>\n </Host>\n )\n }\n}\n\nlet checkboxId = 0\n"],"mappings":";;;;;AAAA,MAAMA,IAAc;;AACpB,MAAAC,IAAeD;;MCaFE,IAAQ;;;;;;;;;;;yBAe8C;mBAMN;oBAMN,eAAeC;oBAKd;0BAMM;;;;;uBA8B5B;;;;;EA7DbC;;;;EAkETC;;;;EAKAC;EAGR,mBAAAC,CAAoBC;IAClB,MAAMC,IAAQC,KAAKC,GAAGC,WAAWC,cAAc;IAC/C,IAAIJ,GAAO;MACTA,EAAMK,gBAAgBN;;;EAI5B,iBAAAO;IACEL,KAAKM;;EAGC,qBAAAA;IACNN,KAAKO,cAAcP,KAAKC,GAAGO,cAAc;;EAGnC,cAAAC;IACN,OAAO;MACL,eAAe;MACfC,OAAOV,KAAKW,UAAU;MACtBC,SAASZ,KAAKW,UAAU;MACxBE,UAAUb,KAAKa;MACf,gBAAgBb,KAAKc;;;EAIRC,oBAAsB;IACrC,IAAIf,KAAKI,eAAe;;MAEtBJ,KAAKI,gBAAgB;MACrBJ,KAAKgB,UAAU;MACfhB,KAAKJ,oBAAoBqB,KAAKjB,KAAKI;WAC9B;;MAELJ,KAAKgB,WAAWhB,KAAKgB;;IAEvBhB,KAAKL,cAAcsB,KAAKjB,KAAKgB;AAAQ;;;;;EAQvC,sBAAME,CAAiBC;IACrBnB,KAAKI,gBAAgBe;IACrBnB,KAAKH,oBAAoBsB;IACzBnB,KAAKJ,oBAAoBqB,KAAKjB,KAAKI;;;;SAOrC,mBAAMgB;IACJpB,KAAKgB,WAAWhB,KAAKgB;IACrBhB,KAAKL,cAAcsB,KAAKjB,KAAKgB;;EAG/B,MAAAK;IACE,OACEC,EAACC,GAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAOzB,KAAKS;OACfa,EAAA;MAAAE,KAAA;MACEE,MAAK;MACLC,IAAI3B,KAAK4B;MACTC,MAAM7B,KAAK6B;MACXb,SAAShB,KAAKgB;MACdH,UAAUb,KAAKa;MACfM,OAAOnB,KAAKmB;MACZW,UAAU9B,KAAKe;MACfgB,KAAM9B,KAAOA,MAAOA,EAAGG,gBAAgBJ,KAAKI;QAE9CkB,EAAA;MAAAE,KAAA;MAAOQ,SAAShC,KAAK4B;OAAW5B,KAAKO,cAAce,EAAA,gBAAgBtB,KAAKiC;;;;;;;;;;;;AAOlF,IAAIxC,IAAa","ignoreList":[]}
@@ -136,11 +136,20 @@ var __generator = this && this.__generator || function(r, a) {
136
136
  function class_1(r) {
137
137
  var i = this;
138
138
  this.handleCheckedChange = function() {
139
- i.checked = !i.checked;
139
+ if (i.indeterminate) {
140
+ // Sai do estado indeterminado ao clicar e define como marcado
141
+ i.indeterminate = false;
142
+ i.checked = true;
143
+ i.indeterminateChange.emit(i.indeterminate);
144
+ } else {
145
+ // Alterna entre marcado e desmarcado
146
+ i.checked = !i.checked;
147
+ }
140
148
  i.checkedChange.emit(i.checked);
141
149
  };
142
150
  a(this, r);
143
151
  this.checkedChange = o(this, "checkedChange", 7);
152
+ this.indeterminateChange = o(this, "indeterminateChange", 7);
144
153
  if (r.$hostElement$["s-ei"]) {
145
154
  this.elementInternals = r.$hostElement$["s-ei"];
146
155
  } else {
@@ -156,7 +165,7 @@ var __generator = this && this.__generator || function(r, a) {
156
165
  this.name = undefined;
157
166
  this.state = undefined;
158
167
  this.value = undefined;
159
- this._slotDefault = false;
168
+ this.slotDefault = false;
160
169
  }
161
170
  Object.defineProperty(class_1.prototype, "el", {
162
171
  get: function() {
@@ -165,11 +174,17 @@ var __generator = this && this.__generator || function(r, a) {
165
174
  enumerable: false,
166
175
  configurable: true
167
176
  });
177
+ class_1.prototype.updateIndeterminate = function(r) {
178
+ var a = this.el.shadowRoot.querySelector("input");
179
+ if (a) {
180
+ a.indeterminate = r;
181
+ }
182
+ };
168
183
  class_1.prototype.componentWillLoad = function() {
169
184
  this.hasSlotContentDefault();
170
185
  };
171
186
  class_1.prototype.hasSlotContentDefault = function() {
172
- this._slotDefault = this.el.innerHTML !== "";
187
+ this.slotDefault = this.el.innerHTML !== "";
173
188
  };
174
189
  class_1.prototype.getCssClassMap = function() {
175
190
  return {
@@ -180,6 +195,19 @@ var __generator = this && this.__generator || function(r, a) {
180
195
  "hidden-label": this.hasHiddenLabel
181
196
  };
182
197
  };
198
+ /**
199
+ * Define o estado indeterminado do checkbox.
200
+ * @param value Novo valor para o estado indeterminado.
201
+ */ class_1.prototype.setIndeterminate = function(r) {
202
+ return __awaiter(this, void 0, void 0, (function() {
203
+ return __generator(this, (function(a) {
204
+ this.indeterminate = r;
205
+ this.updateIndeterminate(r);
206
+ this.indeterminateChange.emit(this.indeterminate);
207
+ return [ 2 /*return*/ ];
208
+ }));
209
+ }));
210
+ };
183
211
  /**
184
212
  * Inverte o valor da prop `checked`
185
213
  */ class_1.prototype.toggleChecked = function() {
@@ -192,25 +220,28 @@ var __generator = this && this.__generator || function(r, a) {
192
220
  }));
193
221
  };
194
222
  class_1.prototype.render = function() {
223
+ var r = this;
195
224
  return n(v, {
196
- key: "8a0b41231d29bf41ddb4ed06d45a3283efb14f6a"
225
+ key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
197
226
  }, n("div", {
198
- key: "f84bcc543f84b32e651184eefb9481e487a2ac39",
227
+ key: "93b6eed814dfc2052568466539ddb3de25347fd2",
199
228
  class: this.getCssClassMap()
200
229
  }, n("input", {
201
- key: "01bf386936b68d2eef86f317ea35c5eb00871895",
230
+ key: "44d9bda8cf2c384201325e461e159d8d08009917",
202
231
  type: "checkbox",
203
232
  id: this.customId,
204
233
  name: this.name,
205
234
  checked: this.checked,
206
235
  disabled: this.disabled,
207
- indeterminate: this.indeterminate,
208
236
  value: this.value,
209
- onChange: this.handleCheckedChange
237
+ onChange: this.handleCheckedChange,
238
+ ref: function(a) {
239
+ return a && (a.indeterminate = r.indeterminate);
240
+ }
210
241
  }), n("label", {
211
- key: "70cb3518471a4bb0d826dd44caff8b4773a1a578",
242
+ key: "b572e741ab92598e621197bb4211b24745351e3a",
212
243
  htmlFor: this.customId
213
- }, this._slotDefault ? n("slot", null) : this.label)));
244
+ }, this.slotDefault ? n("slot", null) : this.label)));
214
245
  };
215
246
  Object.defineProperty(class_1, "formAssociated", {
216
247
  get: function() {
@@ -219,6 +250,15 @@ var __generator = this && this.__generator || function(r, a) {
219
250
  enumerable: false,
220
251
  configurable: true
221
252
  });
253
+ Object.defineProperty(class_1, "watchers", {
254
+ get: function() {
255
+ return {
256
+ indeterminate: [ "updateIndeterminate" ]
257
+ };
258
+ },
259
+ enumerable: false,
260
+ configurable: true
261
+ });
222
262
  return class_1;
223
263
  }());
224
264
  var e = 0;
@@ -227,4 +267,4 @@ var __generator = this && this.__generator || function(r, a) {
227
267
  };
228
268
  }));
229
269
  //# sourceMappingURL=module.js.map
230
- //# sourceMappingURL=p-10985792.system.entry.js.map
270
+ //# sourceMappingURL=p-7aa13069.system.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","exports","this","handleCheckedChange","_this","indeterminate","checked","indeterminateChange","emit","checkedChange","concat","checkboxId","class_1","prototype","updateIndeterminate","newValue","input","el","shadowRoot","querySelector","componentWillLoad","hasSlotContentDefault","slotDefault","innerHTML","getCssClassMap","valid","state","invalid","disabled","hasHiddenLabel","setIndeterminate","value","toggleChecked","render","h","Host","key","class","type","id","customId","name","onChange","ref","htmlFor","label"],"sources":["../../packages/webcomponents/src/components/checkbox/checkbox.scss?tag=br-checkbox&encapsulation=shadow","../../packages/webcomponents/src/components/checkbox/checkbox.tsx"],"sourcesContent":["@import \"~@govbr-ds/core/src/components/checkbox/checkbox\";\n\n:host {\n display: block;\n}\n","import { AttachInternals, Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from '@stencil/core'\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/checkbox?tab=designer).\n *\n * @slot default - O texto descritivo pode ser passado por propriedade (label) ou por slot.\n */\n@Component({\n tag: 'br-checkbox',\n styleUrl: 'checkbox.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Checkbox {\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: HTMLBrCheckboxElement\n\n @AttachInternals() elementInternals: ElementInternals\n\n /**\n * Define o estado intermediário do checkbox.\n * Se definido como verdadeiro, o checkbox exibirá um estado intermediário, que é um estado visual que indica que a opção está parcialmente selecionada.\n * Este estado é útil quando o checkbox faz parte de um grupo com seleção parcial.\n * Este estado será resetado automaticamente ao clicar no checkbox, alterando para marcado ou desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false\n\n /**\n * Define o estado de seleção do checkbox.\n * Se definido como verdadeiro, o checkbox estará marcado. Caso contrário, estará desmarcado.\n */\n @Prop({ reflect: true, mutable: true }) checked: boolean = false\n\n /**\n * Identificador único.\n * Caso não seja fornecido, um ID gerado automaticamente será usado.\n */\n @Prop({ reflect: true }) readonly customId: string = `br-checkbox-${checkboxId++}`\n\n /**\n * Desativa o checkbox, tornando-o não interativo.\n */\n @Prop({ reflect: true }) readonly disabled: boolean = false\n\n /**\n * Define se o label associado ao checkbox deve ser oculto.\n * Se definido como verdadeiro, o texto do label será oculto, mas o checkbox ainda estará visível e funcional.\n */\n @Prop({ reflect: true }) readonly hasHiddenLabel: boolean = false\n\n /**\n * Texto descritivo exibido à direita do checkbox.\n * Caso um slot seja utilizado para fornecer um texto alternativo, o valor desta propriedade será ignorado.\n */\n @Prop({ reflect: true }) readonly label: string\n\n /**\n * Define o nome do checkbox, que é utilizado para agrupar checkboxes em formulários e identificar o campo.\n * O valor é obrigatório e deve ser fornecido para garantir o correto funcionamento em formulários.\n */\n @Prop({ reflect: true }) readonly name!: string\n\n /**\n * Indica a validade do checkbox.\n * Valores possíveis:\n * 'valid': O checkbox é considerado válido.\n * 'invalid': O checkbox é considerado inválido.\n * Se não for especificado, o valor padrão é `null`, indicando que a validade não foi definida.\n */\n @Prop({ reflect: true }) readonly state: 'valid' | 'invalid'\n\n /**\n * Define o valor associado ao checkbox quando ele faz parte de um formulário nativo (`<form>`).\n * Esse valor é enviado com o formulário quando o checkbox está selecionado.\n * **Nota:** Esta propriedade não deve ser utilizada para determinar se o checkbox está selecionado; para verificar o estado de seleção, use a propriedade `checked`.\n */\n @Prop({ reflect: true }) readonly value: string\n\n @State() slotDefault: boolean = false\n\n /**\n * Disparado depois que o valor do `checked` foi alterado\n */\n @Event() checkedChange: EventEmitter<boolean>\n\n /**\n * Disparado depois que o valor do `indeterminate` foi alterado.\n */\n @Event() indeterminateChange: EventEmitter<boolean>;\n\n @Watch('indeterminate')\n updateIndeterminate(newValue: boolean) {\n const input = this.el.shadowRoot.querySelector('input');\n if (input) {\n input.indeterminate = newValue;\n }\n }\n\n componentWillLoad() {\n this.hasSlotContentDefault()\n }\n\n private hasSlotContentDefault(): void {\n this.slotDefault = this.el.innerHTML !== ''\n }\n\n private getCssClassMap(): CssClassMap {\n return {\n 'br-checkbox': true,\n valid: this.state === 'valid',\n invalid: this.state === 'invalid',\n disabled: this.disabled,\n 'hidden-label': this.hasHiddenLabel,\n }\n }\n\n private readonly handleCheckedChange = () => {\n if (this.indeterminate) {\n // Sai do estado indeterminado ao clicar e define como marcado\n this.indeterminate = false;\n this.checked = true;\n this.indeterminateChange.emit(this.indeterminate);\n } else {\n // Alterna entre marcado e desmarcado\n this.checked = !this.checked;\n }\n this.checkedChange.emit(this.checked);\n }\n\n /**\n * Define o estado indeterminado do checkbox.\n * @param value Novo valor para o estado indeterminado.\n */\n @Method()\n async setIndeterminate(value: boolean) {\n this.indeterminate = value;\n this.updateIndeterminate(value);\n this.indeterminateChange.emit(this.indeterminate);\n }\n\n /**\n * Inverte o valor da prop `checked`\n */\n @Method()\n async toggleChecked() {\n this.checked = !this.checked\n this.checkedChange.emit(this.checked)\n }\n\n render() {\n return (\n <Host>\n <div class={this.getCssClassMap()}>\n <input\n type=\"checkbox\"\n id={this.customId}\n name={this.name}\n checked={this.checked}\n disabled={this.disabled}\n value={this.value}\n onChange={this.handleCheckedChange}\n ref={(el) => el && (el.indeterminate = this.indeterminate)}\n />\n <label htmlFor={this.customId}>{this.slotDefault ? <slot></slot> : this.label}</label>\n </div>\n </Host>\n )\n }\n}\n\nlet checkboxId = 0\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAA,IAAMA,IAAc;MACpB,IAAAC,IAAeD;UCaFE,IAAQC,EAAA;;;UA0GFC,KAAAC,sBAAsB;YACrC,IAAIC,EAAKC,eAAe;;cAEtBD,EAAKC,gBAAgB;cACrBD,EAAKE,UAAU;cACfF,EAAKG,oBAAoBC,KAAKJ,EAAKC;mBAC9B;;cAELD,EAAKE,WAAWF,EAAKE;;YAEvBF,EAAKK,cAAcD,KAAKJ,EAAKE;;;;;;;;;;;+BArGkC;yBAMN;0BAMN,eAAAI,OAAeC;0BAKd;gCAMM;;;;;6BA8B5B;;;;;;;;;QAa9BC,QAAAC,UAAAC,sBAAA,SAAoBC;UAClB,IAAMC,IAAQd,KAAKe,GAAGC,WAAWC,cAAc;UAC/C,IAAIH,GAAO;YACTA,EAAMX,gBAAgBU;;;QAI5BH,QAAAC,UAAAO,oBAAA;UACElB,KAAKmB;;QAGCT,QAAAC,UAAAQ,wBAAA;UACNnB,KAAKoB,cAAcpB,KAAKe,GAAGM,cAAc;;QAGnCX,QAAAC,UAAAW,iBAAA;UACN,OAAO;YACL,eAAe;YACfC,OAAOvB,KAAKwB,UAAU;YACtBC,SAASzB,KAAKwB,UAAU;YACxBE,UAAU1B,KAAK0B;YACf,gBAAgB1B,KAAK2B;;;;;;2BAsBnBjB,QAAAC,UAAAiB,mBAAN,SAAuBC;;;cACrB7B,KAAKG,gBAAgB0B;cACrB7B,KAAKY,oBAAoBiB;cACzB7B,KAAKK,oBAAoBC,KAAKN,KAAKG;;;;;;;2BAO/BO,QAAAC,UAAAmB,gBAAN;;;cACE9B,KAAKI,WAAWJ,KAAKI;cACrBJ,KAAKO,cAAcD,KAAKN,KAAKI;;;;;QAG/BM,QAAAC,UAAAoB,SAAA;UAAA,IAAA7B,IAAAF;UACE,OACEgC,EAACC,GAAI;YAAAC,KAAA;aACHF,EAAA;YAAAE,KAAA;YAAKC,OAAOnC,KAAKsB;aACfU,EAAA;YAAAE,KAAA;YACEE,MAAK;YACLC,IAAIrC,KAAKsC;YACTC,MAAMvC,KAAKuC;YACXnC,SAASJ,KAAKI;YACdsB,UAAU1B,KAAK0B;YACfG,OAAO7B,KAAK6B;YACZW,UAAUxC,KAAKC;YACfwC,KAAK,SAAC1B;cAAO,OAAAA,MAAOA,EAAGZ,gBAAgBD,EAAKC;AAA/B;cAEf6B,EAAA;YAAAE,KAAA;YAAOQ,SAAS1C,KAAKsC;aAAWtC,KAAKoB,cAAcY,EAAA,gBAAgBhC,KAAK2C;;;;;;;;;;;;;;;;;;;OAzJ7D;MAgKrB,IAAIlC,IAAa","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  /*!
2
2
  * Construído com @govbr-ds/webcomponents
3
3
  */
4
- import { p as e, H as i, b as t } from "./p-bde61e4e.js";
4
+ import { p as e, H as t, b as i } from "./p-bde61e4e.js";
5
5
 
6
6
  export { s as setNonce } from "./p-bde61e4e.js";
7
7
 
@@ -11,28 +11,28 @@ import { g as a } from "./p-179b51f2.js";
11
11
  Stencil Client Patch Browser v4.23.0 | MIT Licensed | https://stenciljs.com
12
12
  */ var patchBrowser = () => {
13
13
  {
14
- patchCloneNodeFix(i.prototype);
14
+ patchCloneNodeFix(t.prototype);
15
15
  }
16
- const s = import.meta.url;
17
- const t = {};
18
- if (s !== "") {
19
- t.resourcesUrl = new URL(".", s).href;
16
+ const i = import.meta.url;
17
+ const s = {};
18
+ if (i !== "") {
19
+ s.resourcesUrl = new URL(".", i).href;
20
20
  }
21
- return e(t);
21
+ return e(s);
22
22
  };
23
23
 
24
24
  var patchCloneNodeFix = e => {
25
- const s = e.cloneNode;
25
+ const t = e.cloneNode;
26
26
  e.cloneNode = function(e) {
27
27
  if (this.nodeName === "TEMPLATE") {
28
- return s.call(this, e);
28
+ return t.call(this, e);
29
29
  }
30
- const i = s.call(this, false);
31
- const t = this.childNodes;
30
+ const i = t.call(this, false);
31
+ const s = this.childNodes;
32
32
  if (e) {
33
- for (let e = 0; e < t.length; e++) {
34
- if (t[e].nodeType !== 2) {
35
- i.appendChild(t[e].cloneNode(true));
33
+ for (let e = 0; e < s.length; e++) {
34
+ if (s[e].nodeType !== 2) {
35
+ i.appendChild(s[e].cloneNode(true));
36
36
  }
37
37
  }
38
38
  }
@@ -42,7 +42,7 @@ var patchCloneNodeFix = e => {
42
42
 
43
43
  patchBrowser().then((async e => {
44
44
  await a();
45
- return t([ [ "p-90ed54f3", [ [ 65, "br-select", {
45
+ return i([ [ "p-90ed54f3", [ [ 65, "br-select", {
46
46
  label: [ 513 ],
47
47
  placeholder: [ 513 ],
48
48
  isMultiple: [ 516, "is-multiple" ],
@@ -165,8 +165,8 @@ patchBrowser().then((async e => {
165
165
  setValue: [ 64 ]
166
166
  }, null, {
167
167
  value: [ "valueChanged" ]
168
- } ] ] ], [ "p-155ec097", [ [ 65, "br-checkbox", {
169
- indeterminate: [ 516 ],
168
+ } ] ] ], [ "p-5df2f563", [ [ 65, "br-checkbox", {
169
+ indeterminate: [ 1540 ],
170
170
  checked: [ 1540 ],
171
171
  customId: [ 513, "custom-id" ],
172
172
  disabled: [ 516 ],
@@ -175,8 +175,11 @@ patchBrowser().then((async e => {
175
175
  name: [ 513 ],
176
176
  state: [ 513 ],
177
177
  value: [ 513 ],
178
- _slotDefault: [ 32 ],
178
+ slotDefault: [ 32 ],
179
+ setIndeterminate: [ 64 ],
179
180
  toggleChecked: [ 64 ]
181
+ }, null, {
182
+ indeterminate: [ "updateIndeterminate" ]
180
183
  } ] ] ], [ "p-f3417a97", [ [ 65, "br-button", {
181
184
  colorMode: [ 513, "color-mode" ],
182
185
  customId: [ 513, "custom-id" ],