@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.
- package/dist/cjs/br-checkbox.cjs.entry.js +40 -8
- package/dist/cjs/br-checkbox.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/webcomponents.cjs.js +1 -1
- package/dist/collection/components/checkbox/checkbox.js +84 -11
- package/dist/collection/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/br-checkbox.js +4 -4
- package/dist/components/br-checkgroup.js +1 -1
- package/dist/components/br-select.js +1 -1
- package/dist/components/{p-971f7fbf.js → p-96b78fb9.js} +54 -18
- package/dist/components/p-96b78fb9.js.map +1 -0
- package/dist/esm/br-checkbox.entry.js +40 -8
- package/dist/esm/br-checkbox.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/webcomponents.js +1 -1
- package/dist/esm-es5/br-checkbox.entry.js +50 -10
- package/dist/esm-es5/br-checkbox.entry.js.map +1 -1
- package/dist/esm-es5/loader.js +5 -2
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/webcomponents.js +25 -22
- package/dist/esm-es5/webcomponents.js.map +1 -1
- package/dist/hydrate/index.js +43 -10
- package/dist/hydrate/index.mjs +43 -10
- package/dist/types/components/checkbox/checkbox.d.ts +16 -5
- package/dist/types/components.d.ts +12 -2
- package/dist/webcomponents/p-0f563c6d.system.js +61 -58
- package/dist/webcomponents/p-0f563c6d.system.js.map +1 -1
- package/dist/webcomponents/{p-155ec097.entry.js → p-5df2f563.entry.js} +49 -16
- package/dist/webcomponents/p-5df2f563.entry.js.map +1 -0
- package/dist/webcomponents/{p-10985792.system.entry.js → p-7aa13069.system.entry.js} +51 -11
- package/dist/webcomponents/p-7aa13069.system.entry.js.map +1 -0
- package/dist/webcomponents/webcomponents.esm.js +21 -18
- package/dist/webcomponents/webcomponents.esm.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/p-971f7fbf.js.map +0 -1
- package/dist/webcomponents/p-10985792.system.entry.js.map +0 -1
- package/dist/webcomponents/p-155ec097.entry.js.map +0 -1
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
var __awaiter = this && this.__awaiter || function(e, t,
|
|
1
|
+
var __awaiter = this && this.__awaiter || function(e, t, i, s) {
|
|
2
2
|
function adopt(e) {
|
|
3
|
-
return e instanceof
|
|
3
|
+
return e instanceof i ? e : new i((function(t) {
|
|
4
4
|
t(e);
|
|
5
5
|
}));
|
|
6
6
|
}
|
|
7
|
-
return new (
|
|
7
|
+
return new (i || (i = Promise))((function(i, n) {
|
|
8
8
|
function fulfilled(e) {
|
|
9
9
|
try {
|
|
10
|
-
step(
|
|
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(
|
|
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 ?
|
|
23
|
+
e.done ? i(e.value) : adopt(e.value).then(fulfilled, rejected);
|
|
24
24
|
}
|
|
25
|
-
step((
|
|
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
|
|
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
|
-
},
|
|
39
|
-
return
|
|
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" && (
|
|
43
|
+
}, typeof Symbol === "function" && (l[Symbol.iterator] = function() {
|
|
44
44
|
return this;
|
|
45
|
-
}),
|
|
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(
|
|
52
|
-
if (
|
|
53
|
-
while (
|
|
54
|
-
if (
|
|
55
|
-
0) : n.next) && !(a = a.call(n,
|
|
56
|
-
if (n = 0, a)
|
|
57
|
-
switch (
|
|
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 =
|
|
60
|
+
a = o;
|
|
61
61
|
break;
|
|
62
62
|
|
|
63
63
|
case 4:
|
|
64
|
-
|
|
64
|
+
i.label++;
|
|
65
65
|
return {
|
|
66
|
-
value:
|
|
66
|
+
value: o[1],
|
|
67
67
|
done: false
|
|
68
68
|
};
|
|
69
69
|
|
|
70
70
|
case 5:
|
|
71
|
-
|
|
72
|
-
n =
|
|
73
|
-
|
|
71
|
+
i.label++;
|
|
72
|
+
n = o[1];
|
|
73
|
+
o = [ 0 ];
|
|
74
74
|
continue;
|
|
75
75
|
|
|
76
76
|
case 7:
|
|
77
|
-
|
|
78
|
-
|
|
77
|
+
o = i.ops.pop();
|
|
78
|
+
i.trys.pop();
|
|
79
79
|
continue;
|
|
80
80
|
|
|
81
81
|
default:
|
|
82
|
-
if (!(a =
|
|
83
|
-
|
|
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 (
|
|
87
|
-
|
|
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 (
|
|
91
|
-
|
|
92
|
-
a =
|
|
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 &&
|
|
96
|
-
|
|
97
|
-
|
|
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])
|
|
101
|
-
|
|
100
|
+
if (a[2]) i.ops.pop();
|
|
101
|
+
i.trys.pop();
|
|
102
102
|
continue;
|
|
103
103
|
}
|
|
104
|
-
|
|
104
|
+
o = t.call(e, i);
|
|
105
105
|
} catch (e) {
|
|
106
|
-
|
|
106
|
+
o = [ 6, e ];
|
|
107
107
|
n = 0;
|
|
108
108
|
} finally {
|
|
109
|
-
|
|
109
|
+
s = a = 0;
|
|
110
110
|
}
|
|
111
|
-
if (
|
|
111
|
+
if (o[0] & 5) throw o[1];
|
|
112
112
|
return {
|
|
113
|
-
value:
|
|
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
|
|
123
|
+
var i, s, n, a;
|
|
124
124
|
return {
|
|
125
125
|
setters: [ function(t) {
|
|
126
|
-
|
|
127
|
-
|
|
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(
|
|
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
|
|
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
|
|
155
|
-
var
|
|
154
|
+
var i = t.call(this, false);
|
|
155
|
+
var s = this.childNodes;
|
|
156
156
|
if (e) {
|
|
157
|
-
for (var n = 0; n <
|
|
158
|
-
if (
|
|
159
|
-
|
|
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
|
|
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-
|
|
299
|
-
indeterminate: [
|
|
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
|
-
|
|
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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
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
-
*
|
|
78
|
+
* Define o estado indeterminado do checkbox.
|
|
79
|
+
* @param value Novo valor para o estado indeterminado.
|
|
59
80
|
*/
|
|
60
|
-
async
|
|
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: "
|
|
94
|
+
key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
|
|
67
95
|
}, i("div", {
|
|
68
|
-
key: "
|
|
96
|
+
key: "93b6eed814dfc2052568466539ddb3de25347fd2",
|
|
69
97
|
class: this.getCssClassMap()
|
|
70
98
|
}, i("input", {
|
|
71
|
-
key: "
|
|
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: "
|
|
109
|
+
key: "b572e741ab92598e621197bb4211b24745351e3a",
|
|
82
110
|
htmlFor: this.customId
|
|
83
|
-
}, this.
|
|
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-
|
|
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.
|
|
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.
|
|
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.
|
|
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: "
|
|
225
|
+
key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
|
|
197
226
|
}, n("div", {
|
|
198
|
-
key: "
|
|
227
|
+
key: "93b6eed814dfc2052568466539ddb3de25347fd2",
|
|
199
228
|
class: this.getCssClassMap()
|
|
200
229
|
}, n("input", {
|
|
201
|
-
key: "
|
|
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: "
|
|
242
|
+
key: "b572e741ab92598e621197bb4211b24745351e3a",
|
|
212
243
|
htmlFor: this.customId
|
|
213
|
-
}, this.
|
|
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-
|
|
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
|
|
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(
|
|
14
|
+
patchCloneNodeFix(t.prototype);
|
|
15
15
|
}
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
if (
|
|
19
|
-
|
|
16
|
+
const i = import.meta.url;
|
|
17
|
+
const s = {};
|
|
18
|
+
if (i !== "") {
|
|
19
|
+
s.resourcesUrl = new URL(".", i).href;
|
|
20
20
|
}
|
|
21
|
-
return e(
|
|
21
|
+
return e(s);
|
|
22
22
|
};
|
|
23
23
|
|
|
24
24
|
var patchCloneNodeFix = e => {
|
|
25
|
-
const
|
|
25
|
+
const t = e.cloneNode;
|
|
26
26
|
e.cloneNode = function(e) {
|
|
27
27
|
if (this.nodeName === "TEMPLATE") {
|
|
28
|
-
return
|
|
28
|
+
return t.call(this, e);
|
|
29
29
|
}
|
|
30
|
-
const i =
|
|
31
|
-
const
|
|
30
|
+
const i = t.call(this, false);
|
|
31
|
+
const s = this.childNodes;
|
|
32
32
|
if (e) {
|
|
33
|
-
for (let e = 0; e <
|
|
34
|
-
if (
|
|
35
|
-
i.appendChild(
|
|
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
|
|
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-
|
|
169
|
-
indeterminate: [
|
|
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
|
-
|
|
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" ],
|