@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
|
@@ -13,6 +13,7 @@ const d = r(class r extends a {
|
|
|
13
13
|
this.__registerHost();
|
|
14
14
|
this.__attachShadow();
|
|
15
15
|
this.checkedChange = o(this, "checkedChange", 7);
|
|
16
|
+
this.indeterminateChange = o(this, "indeterminateChange", 7);
|
|
16
17
|
this.elementInternals = this.attachInternals();
|
|
17
18
|
this.indeterminate = false;
|
|
18
19
|
this.checked = false;
|
|
@@ -23,17 +24,31 @@ const d = r(class r extends a {
|
|
|
23
24
|
this.name = undefined;
|
|
24
25
|
this.state = undefined;
|
|
25
26
|
this.value = undefined;
|
|
26
|
-
this.
|
|
27
|
+
this.slotDefault = false;
|
|
27
28
|
}
|
|
28
29
|
get el() {
|
|
29
30
|
return this;
|
|
30
31
|
}
|
|
31
32
|
elementInternals;
|
|
33
|
+
/**
|
|
34
|
+
* Disparado depois que o valor do `checked` foi alterado
|
|
35
|
+
*/
|
|
36
|
+
checkedChange;
|
|
37
|
+
/**
|
|
38
|
+
* Disparado depois que o valor do `indeterminate` foi alterado.
|
|
39
|
+
*/
|
|
40
|
+
indeterminateChange;
|
|
41
|
+
updateIndeterminate(r) {
|
|
42
|
+
const a = this.el.shadowRoot.querySelector("input");
|
|
43
|
+
if (a) {
|
|
44
|
+
a.indeterminate = r;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
32
47
|
componentWillLoad() {
|
|
33
48
|
this.hasSlotContentDefault();
|
|
34
49
|
}
|
|
35
50
|
hasSlotContentDefault() {
|
|
36
|
-
this.
|
|
51
|
+
this.slotDefault = this.el.innerHTML !== "";
|
|
37
52
|
}
|
|
38
53
|
getCssClassMap() {
|
|
39
54
|
return {
|
|
@@ -44,49 +59,67 @@ const d = r(class r extends a {
|
|
|
44
59
|
"hidden-label": this.hasHiddenLabel
|
|
45
60
|
};
|
|
46
61
|
}
|
|
47
|
-
/**
|
|
48
|
-
* Disparado depois que o valor do `checked` foi alterado
|
|
49
|
-
*/ checkedChange;
|
|
50
62
|
handleCheckedChange=() => {
|
|
51
|
-
this.
|
|
63
|
+
if (this.indeterminate) {
|
|
64
|
+
// Sai do estado indeterminado ao clicar e define como marcado
|
|
65
|
+
this.indeterminate = false;
|
|
66
|
+
this.checked = true;
|
|
67
|
+
this.indeterminateChange.emit(this.indeterminate);
|
|
68
|
+
} else {
|
|
69
|
+
// Alterna entre marcado e desmarcado
|
|
70
|
+
this.checked = !this.checked;
|
|
71
|
+
}
|
|
52
72
|
this.checkedChange.emit(this.checked);
|
|
53
73
|
};
|
|
54
74
|
/**
|
|
55
|
-
*
|
|
75
|
+
* Define o estado indeterminado do checkbox.
|
|
76
|
+
* @param value Novo valor para o estado indeterminado.
|
|
56
77
|
*/
|
|
57
|
-
async
|
|
78
|
+
async setIndeterminate(r) {
|
|
79
|
+
this.indeterminate = r;
|
|
80
|
+
this.updateIndeterminate(r);
|
|
81
|
+
this.indeterminateChange.emit(this.indeterminate);
|
|
82
|
+
}
|
|
83
|
+
/**
|
|
84
|
+
* Inverte o valor da prop `checked`
|
|
85
|
+
*/ async toggleChecked() {
|
|
58
86
|
this.checked = !this.checked;
|
|
59
87
|
this.checkedChange.emit(this.checked);
|
|
60
88
|
}
|
|
61
89
|
render() {
|
|
62
90
|
return i(n, {
|
|
63
|
-
key: "
|
|
91
|
+
key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
|
|
64
92
|
}, i("div", {
|
|
65
|
-
key: "
|
|
93
|
+
key: "93b6eed814dfc2052568466539ddb3de25347fd2",
|
|
66
94
|
class: this.getCssClassMap()
|
|
67
95
|
}, i("input", {
|
|
68
|
-
key: "
|
|
96
|
+
key: "44d9bda8cf2c384201325e461e159d8d08009917",
|
|
69
97
|
type: "checkbox",
|
|
70
98
|
id: this.customId,
|
|
71
99
|
name: this.name,
|
|
72
100
|
checked: this.checked,
|
|
73
101
|
disabled: this.disabled,
|
|
74
|
-
indeterminate: this.indeterminate,
|
|
75
102
|
value: this.value,
|
|
76
|
-
onChange: this.handleCheckedChange
|
|
103
|
+
onChange: this.handleCheckedChange,
|
|
104
|
+
ref: r => r && (r.indeterminate = this.indeterminate)
|
|
77
105
|
}), i("label", {
|
|
78
|
-
key: "
|
|
106
|
+
key: "b572e741ab92598e621197bb4211b24745351e3a",
|
|
79
107
|
htmlFor: this.customId
|
|
80
|
-
}, this.
|
|
108
|
+
}, this.slotDefault ? i("slot", null) : this.label)));
|
|
81
109
|
}
|
|
82
110
|
static get formAssociated() {
|
|
83
111
|
return true;
|
|
84
112
|
}
|
|
113
|
+
static get watchers() {
|
|
114
|
+
return {
|
|
115
|
+
indeterminate: [ "updateIndeterminate" ]
|
|
116
|
+
};
|
|
117
|
+
}
|
|
85
118
|
static get style() {
|
|
86
119
|
return g;
|
|
87
120
|
}
|
|
88
121
|
}, [ 65, "br-checkbox", {
|
|
89
|
-
indeterminate: [
|
|
122
|
+
indeterminate: [ 1540 ],
|
|
90
123
|
checked: [ 1540 ],
|
|
91
124
|
customId: [ 513, "custom-id" ],
|
|
92
125
|
disabled: [ 516 ],
|
|
@@ -95,8 +128,11 @@ const d = r(class r extends a {
|
|
|
95
128
|
name: [ 513 ],
|
|
96
129
|
state: [ 513 ],
|
|
97
130
|
value: [ 513 ],
|
|
98
|
-
|
|
131
|
+
slotDefault: [ 32 ],
|
|
132
|
+
setIndeterminate: [ 64 ],
|
|
99
133
|
toggleChecked: [ 64 ]
|
|
134
|
+
}, undefined, {
|
|
135
|
+
indeterminate: [ "updateIndeterminate" ]
|
|
100
136
|
} ]);
|
|
101
137
|
|
|
102
138
|
let t = 0;
|
|
@@ -118,4 +154,4 @@ function defineCustomElement() {
|
|
|
118
154
|
}
|
|
119
155
|
|
|
120
156
|
export { d as C, defineCustomElement as d };
|
|
121
|
-
//# sourceMappingURL=p-
|
|
157
|
+
//# sourceMappingURL=p-96b78fb9.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","proxyCustomElement","H","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,KAAQC,EAAA,MAAAD,UAAAE;;;;;;;;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":[]}
|
|
@@ -10,6 +10,7 @@ const Checkbox = class {
|
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
registerInstance(this, hostRef);
|
|
12
12
|
this.checkedChange = createEvent(this, "checkedChange", 7);
|
|
13
|
+
this.indeterminateChange = createEvent(this, "indeterminateChange", 7);
|
|
13
14
|
if (hostRef.$hostElement$["s-ei"]) {
|
|
14
15
|
this.elementInternals = hostRef.$hostElement$["s-ei"];
|
|
15
16
|
}
|
|
@@ -26,15 +27,29 @@ const Checkbox = 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() { return getElement(this); }
|
|
32
33
|
elementInternals;
|
|
34
|
+
/**
|
|
35
|
+
* Disparado depois que o valor do `checked` foi alterado
|
|
36
|
+
*/
|
|
37
|
+
checkedChange;
|
|
38
|
+
/**
|
|
39
|
+
* Disparado depois que o valor do `indeterminate` foi alterado.
|
|
40
|
+
*/
|
|
41
|
+
indeterminateChange;
|
|
42
|
+
updateIndeterminate(newValue) {
|
|
43
|
+
const input = this.el.shadowRoot.querySelector('input');
|
|
44
|
+
if (input) {
|
|
45
|
+
input.indeterminate = newValue;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
33
48
|
componentWillLoad() {
|
|
34
49
|
this.hasSlotContentDefault();
|
|
35
50
|
}
|
|
36
51
|
hasSlotContentDefault() {
|
|
37
|
-
this.
|
|
52
|
+
this.slotDefault = this.el.innerHTML !== '';
|
|
38
53
|
}
|
|
39
54
|
getCssClassMap() {
|
|
40
55
|
return {
|
|
@@ -45,14 +60,28 @@ const Checkbox = class {
|
|
|
45
60
|
'hidden-label': this.hasHiddenLabel,
|
|
46
61
|
};
|
|
47
62
|
}
|
|
48
|
-
/**
|
|
49
|
-
* Disparado depois que o valor do `checked` foi alterado
|
|
50
|
-
*/
|
|
51
|
-
checkedChange;
|
|
52
63
|
handleCheckedChange = () => {
|
|
53
|
-
this.
|
|
64
|
+
if (this.indeterminate) {
|
|
65
|
+
// Sai do estado indeterminado ao clicar e define como marcado
|
|
66
|
+
this.indeterminate = false;
|
|
67
|
+
this.checked = true;
|
|
68
|
+
this.indeterminateChange.emit(this.indeterminate);
|
|
69
|
+
}
|
|
70
|
+
else {
|
|
71
|
+
// Alterna entre marcado e desmarcado
|
|
72
|
+
this.checked = !this.checked;
|
|
73
|
+
}
|
|
54
74
|
this.checkedChange.emit(this.checked);
|
|
55
75
|
};
|
|
76
|
+
/**
|
|
77
|
+
* Define o estado indeterminado do checkbox.
|
|
78
|
+
* @param value Novo valor para o estado indeterminado.
|
|
79
|
+
*/
|
|
80
|
+
async setIndeterminate(value) {
|
|
81
|
+
this.indeterminate = value;
|
|
82
|
+
this.updateIndeterminate(value);
|
|
83
|
+
this.indeterminateChange.emit(this.indeterminate);
|
|
84
|
+
}
|
|
56
85
|
/**
|
|
57
86
|
* Inverte o valor da prop `checked`
|
|
58
87
|
*/
|
|
@@ -61,9 +90,12 @@ const Checkbox = class {
|
|
|
61
90
|
this.checkedChange.emit(this.checked);
|
|
62
91
|
}
|
|
63
92
|
render() {
|
|
64
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: 'c1ba3deb88991d7f0fa600d06ef2dd3141c26176' }, h("div", { key: '93b6eed814dfc2052568466539ddb3de25347fd2', class: this.getCssClassMap() }, h("input", { key: '44d9bda8cf2c384201325e461e159d8d08009917', type: "checkbox", id: this.customId, name: this.name, checked: this.checked, disabled: this.disabled, value: this.value, onChange: this.handleCheckedChange, ref: (el) => el && (el.indeterminate = this.indeterminate) }), h("label", { key: 'b572e741ab92598e621197bb4211b24745351e3a', htmlFor: this.customId }, this.slotDefault ? h("slot", null) : this.label))));
|
|
65
94
|
}
|
|
66
95
|
static get formAssociated() { return true; }
|
|
96
|
+
static get watchers() { return {
|
|
97
|
+
"indeterminate": ["updateIndeterminate"]
|
|
98
|
+
}; }
|
|
67
99
|
};
|
|
68
100
|
let checkboxId = 0;
|
|
69
101
|
Checkbox.style = BrCheckboxStyle0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"br-checkbox.entry.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,k65DAAk65D,CAAC;AACv75D,yBAAe,WAAW;;MCab,QAAQ
|
|
1
|
+
{"file":"br-checkbox.entry.js","mappings":";;;;;AAAA,MAAM,WAAW,GAAG,k65DAAk65D,CAAC;AACv75D,yBAAe,WAAW;;MCab,QAAQ;;;;;;;;;;;;6BAe8C,KAAK;uBAMX,KAAK;wBAMX,eAAe,UAAU,EAAE,EAAE;wBAK5B,KAAK;8BAMC,KAAK;;;;;2BA8BjC,KAAK;;;IA7DlB,gBAAgB,CAAkB;;;;IAkE3C,aAAa,CAAuB;;;;IAKpC,mBAAmB,CAAwB;IAGnD,mBAAmB,CAAC,QAAiB;QACnC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACxD,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,aAAa,GAAG,QAAQ,CAAC;SAChC;KACF;IAEH,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAA;KAC7B;IAEO,qBAAqB;QAC3B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAA;KAC5C;IAEO,cAAc;QACpB,OAAO;YACL,aAAa,EAAE,IAAI;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,OAAO;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;YACjC,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,cAAc,EAAE,IAAI,CAAC,cAAc;SACpC,CAAA;KACF;IAEgB,mBAAmB,GAAG;QACrC,IAAI,IAAI,CAAC,aAAa,EAAE;;YAEtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;YAC3B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;SACnD;aAAM;;YAEL,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;SAC9B;QACD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACvC,CAAA;;;;;IAOD,MAAM,gBAAgB,CAAC,KAAc;QACnC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KACnD;;;;IAMD,MAAM,aAAa;QACjB,IAAI,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,OAAO,CAAA;QAC5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;KACtC;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC/B,8DACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,mBAAmB,EAClC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,GAC1D,EACF,8DAAO,OAAO,EAAE,IAAI,CAAC,QAAQ,IAAG,IAAI,CAAC,WAAW,GAAG,eAAa,GAAG,IAAI,CAAC,KAAK,CAAS,CAClF,CACD,EACR;KACF;;;;;;AAGH,IAAI,UAAU,GAAG,CAAC,CAAA;;;;;","names":[],"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"],"version":3}
|
package/dist/esm/loader.js
CHANGED
|
@@ -8,7 +8,7 @@ import { g as globalScripts } from './app-globals-85a24810.js';
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await globalScripts();
|
|
11
|
-
return bootstrapLazy([["br-select",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-tag",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[516],"disabled":[516],"stateIconName":[32]}]]],["br-upload",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"customId":[513,"custom-id"],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"marginTop":[1,"margin-top"]}]]],["br-checkgroup",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-dropdown",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-item",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-textarea",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[
|
|
11
|
+
return bootstrapLazy([["br-select",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-tag",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[516],"disabled":[516],"stateIconName":[32]}]]],["br-upload",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"customId":[513,"custom-id"],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"marginTop":[1,"margin-top"]}]]],["br-checkgroup",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-dropdown",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-item",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-textarea",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-button_2",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_3",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","onCheckedChange"]]]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { defineCustomElements };
|
|
@@ -40,7 +40,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
|
|
|
40
40
|
|
|
41
41
|
patchBrowser().then(async (options) => {
|
|
42
42
|
await globalScripts();
|
|
43
|
-
return bootstrapLazy([["br-select",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-tag",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[516],"disabled":[516],"stateIconName":[32]}]]],["br-upload",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"customId":[513,"custom-id"],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"marginTop":[1,"margin-top"]}]]],["br-checkgroup",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-dropdown",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-item",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-textarea",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[
|
|
43
|
+
return bootstrapLazy([["br-select",[[65,"br-select",{"label":[513],"placeholder":[513],"isMultiple":[516,"is-multiple"],"options":[513],"selectAllLabel":[513,"select-all-label"],"unselectAllLabel":[513,"unselect-all-label"],"showSearchIcon":[516,"show-search-icon"],"isOpen":[516,"is-open"],"customId":[513,"custom-id"],"parsedOptions":[32],"inputValue":[32],"isAllSelected":[32],"isExpanded":[32],"focusedIndex":[32],"toggleOpen":[64]},null,{"options":["synchronizeSelect"]}]]],["br-message",[[65,"br-message",{"messageTitle":[513,"message-title"],"customId":[513,"custom-id"],"message":[513],"isInline":[516,"is-inline"],"isClosable":[516,"is-closable"],"autoRemove":[516,"auto-remove"],"showIcon":[516,"show-icon"],"isFeedback":[516,"is-feedback"],"state":[513]}]]],["br-tag",[[65,"br-tag",{"label":[513],"iconName":[513,"icon-name"],"customId":[513,"custom-id"],"color":[513],"density":[513],"shape":[513],"status":[516],"interaction":[516],"disabled":[516],"stateIconName":[32]}]]],["br-upload",[[65,"br-upload",{"accept":[1],"label":[1],"disabled":[516],"state":[513],"multiple":[4],"filesSelected":[32],"file":[32]}]]],["br-avatar",[[1,"br-avatar",{"density":[1],"customId":[513,"custom-id"],"image":[1],"imageAlt":[1,"image-alt"],"isIconic":[4,"is-iconic"],"text":[1],"iconWidth":[1,"icon-width"],"iconHeight":[1,"icon-height"],"marginTop":[1,"margin-top"]}]]],["br-checkgroup",[[65,"br-checkgroup",{"label":[1],"labelSelecionado":[513,"label-selecionado"],"labelDesselecionado":[513,"label-desselecionado"],"indeterminate":[516],"customId":[513,"custom-id"],"checked":[32],"isIndeterminate":[32]},[[4,"checkedChange","handleChange"]]]]],["br-dropdown",[[65,"br-dropdown",{"isOpen":[1540,"is-open"],"customId":[513,"custom-id"],"open":[64],"hide":[64]},null,{"isOpen":["isOpenChanged"]}]]],["br-item",[[65,"br-item",{"disabled":[516],"customId":[513,"custom-id"],"isActive":[516,"is-active"],"isSelected":[516,"is-selected"],"isInteractive":[516,"is-interactive"],"href":[513],"target":[513],"isButton":[516,"is-button"],"type":[1537],"value":[513],"density":[513],"hasSlotDefault":[32],"hasSlotStart":[32],"hasSlotEnd":[32],"selectedValue":[32]},[[4,"checkedChange","handleRadioChange"],[4,"checkedChange","handleCheckboxChange"]]]]],["br-loading",[[65,"br-loading",{"isProgress":[516,"is-progress"],"customId":[513,"custom-id"],"progressPercent":[514,"progress-percent"],"isMedium":[516,"is-medium"],"label":[513]}]]],["br-switch",[[65,"br-switch",{"disabled":[516],"checked":[1540],"customId":[513,"custom-id"],"label":[1],"labelPosition":[513,"label-position"],"labelOn":[513,"label-on"],"labelOff":[513,"label-off"],"hasIcon":[516,"has-icon"],"name":[513],"value":[513],"density":[513],"_slotDefault":[32],"toggleChecked":[64]}]]],["br-textarea",[[65,"br-textarea",{"value":[1537],"label":[513],"placeholder":[513],"customId":[513,"custom-id"],"disabled":[516],"maxlength":[514],"showCounter":[516,"show-counter"],"state":[513],"density":[513],"isInline":[516,"is-inline"],"currentLength":[32],"setValue":[64]},null,{"value":["valueChanged"]}]]],["br-checkbox",[[65,"br-checkbox",{"indeterminate":[1540],"checked":[1540],"customId":[513,"custom-id"],"disabled":[516],"hasHiddenLabel":[516,"has-hidden-label"],"label":[513],"name":[513],"state":[513],"value":[513],"slotDefault":[32],"setIndeterminate":[64],"toggleChecked":[64]},null,{"indeterminate":["updateIndeterminate"]}]]],["br-button_2",[[65,"br-button",{"colorMode":[513,"color-mode"],"customId":[513,"custom-id"],"density":[513],"disabled":[516],"emphasis":[513],"isActive":[516,"is-active"],"isLoading":[516,"is-loading"],"shape":[513],"type":[513],"value":[513]}],[1,"br-icon",{"iconName":[513,"icon-name"],"height":[513],"customId":[513,"custom-id"],"width":[513],"cssClasses":[513,"css-classes"],"isInline":[516,"is-inline"],"rotate":[513],"flip":[513]}]]],["br-input_3",[[65,"br-input",{"type":[513],"autocomplete":[513],"density":[513],"disabled":[516],"isInline":[516,"is-inline"],"isHighlight":[516,"is-highlight"],"state":[513],"label":[513],"customId":[513,"custom-id"],"name":[513],"placeholder":[513],"readonly":[516],"required":[516],"value":[1537],"helpText":[513,"help-text"],"autocorrect":[513],"min":[514],"max":[514],"minlength":[514],"maxlength":[514],"multiple":[516],"pattern":[513],"step":[514],"isPasswordVisible":[32],"internalState":[32],"hasIconSlot":[32],"hasActionSlot":[32],"hasFeedbackSlot":[32]}],[65,"br-list",{"header":[513],"isHorizontal":[516,"is-horizontal"],"customId":[513,"custom-id"],"hideHeaderDivider":[516,"hide-header-divider"]}],[65,"br-radio",{"checked":[1540],"disabled":[516],"state":[513],"hasHiddenLabel":[516,"has-hidden-label"],"customId":[513,"custom-id"],"name":[513],"label":[513],"value":[513],"toggleChecked":[64]},[[8,"checkedChange","onCheckedChange"]]]]]], options);
|
|
44
44
|
});
|
|
45
45
|
|
|
46
46
|
//# sourceMappingURL=webcomponents.js.map
|
|
@@ -128,11 +128,20 @@ var Checkbox = /** @class */ function() {
|
|
|
128
128
|
function class_1(r) {
|
|
129
129
|
var a = this;
|
|
130
130
|
this.handleCheckedChange = function() {
|
|
131
|
-
a.
|
|
131
|
+
if (a.indeterminate) {
|
|
132
|
+
// Sai do estado indeterminado ao clicar e define como marcado
|
|
133
|
+
a.indeterminate = false;
|
|
134
|
+
a.checked = true;
|
|
135
|
+
a.indeterminateChange.emit(a.indeterminate);
|
|
136
|
+
} else {
|
|
137
|
+
// Alterna entre marcado e desmarcado
|
|
138
|
+
a.checked = !a.checked;
|
|
139
|
+
}
|
|
132
140
|
a.checkedChange.emit(a.checked);
|
|
133
141
|
};
|
|
134
142
|
registerInstance(this, r);
|
|
135
143
|
this.checkedChange = createEvent(this, "checkedChange", 7);
|
|
144
|
+
this.indeterminateChange = createEvent(this, "indeterminateChange", 7);
|
|
136
145
|
if (r.$hostElement$["s-ei"]) {
|
|
137
146
|
this.elementInternals = r.$hostElement$["s-ei"];
|
|
138
147
|
} else {
|
|
@@ -148,7 +157,7 @@ var Checkbox = /** @class */ function() {
|
|
|
148
157
|
this.name = undefined;
|
|
149
158
|
this.state = undefined;
|
|
150
159
|
this.value = undefined;
|
|
151
|
-
this.
|
|
160
|
+
this.slotDefault = false;
|
|
152
161
|
}
|
|
153
162
|
Object.defineProperty(class_1.prototype, "el", {
|
|
154
163
|
get: function() {
|
|
@@ -157,11 +166,17 @@ var Checkbox = /** @class */ function() {
|
|
|
157
166
|
enumerable: false,
|
|
158
167
|
configurable: true
|
|
159
168
|
});
|
|
169
|
+
class_1.prototype.updateIndeterminate = function(r) {
|
|
170
|
+
var a = this.el.shadowRoot.querySelector("input");
|
|
171
|
+
if (a) {
|
|
172
|
+
a.indeterminate = r;
|
|
173
|
+
}
|
|
174
|
+
};
|
|
160
175
|
class_1.prototype.componentWillLoad = function() {
|
|
161
176
|
this.hasSlotContentDefault();
|
|
162
177
|
};
|
|
163
178
|
class_1.prototype.hasSlotContentDefault = function() {
|
|
164
|
-
this.
|
|
179
|
+
this.slotDefault = this.el.innerHTML !== "";
|
|
165
180
|
};
|
|
166
181
|
class_1.prototype.getCssClassMap = function() {
|
|
167
182
|
return {
|
|
@@ -172,6 +187,19 @@ var Checkbox = /** @class */ function() {
|
|
|
172
187
|
"hidden-label": this.hasHiddenLabel
|
|
173
188
|
};
|
|
174
189
|
};
|
|
190
|
+
/**
|
|
191
|
+
* Define o estado indeterminado do checkbox.
|
|
192
|
+
* @param value Novo valor para o estado indeterminado.
|
|
193
|
+
*/ class_1.prototype.setIndeterminate = function(r) {
|
|
194
|
+
return __awaiter(this, void 0, void 0, (function() {
|
|
195
|
+
return __generator(this, (function(a) {
|
|
196
|
+
this.indeterminate = r;
|
|
197
|
+
this.updateIndeterminate(r);
|
|
198
|
+
this.indeterminateChange.emit(this.indeterminate);
|
|
199
|
+
return [ 2 /*return*/ ];
|
|
200
|
+
}));
|
|
201
|
+
}));
|
|
202
|
+
};
|
|
175
203
|
/**
|
|
176
204
|
* Inverte o valor da prop `checked`
|
|
177
205
|
*/ class_1.prototype.toggleChecked = function() {
|
|
@@ -184,25 +212,28 @@ var Checkbox = /** @class */ function() {
|
|
|
184
212
|
}));
|
|
185
213
|
};
|
|
186
214
|
class_1.prototype.render = function() {
|
|
215
|
+
var r = this;
|
|
187
216
|
return h(Host, {
|
|
188
|
-
key: "
|
|
217
|
+
key: "c1ba3deb88991d7f0fa600d06ef2dd3141c26176"
|
|
189
218
|
}, h("div", {
|
|
190
|
-
key: "
|
|
219
|
+
key: "93b6eed814dfc2052568466539ddb3de25347fd2",
|
|
191
220
|
class: this.getCssClassMap()
|
|
192
221
|
}, h("input", {
|
|
193
|
-
key: "
|
|
222
|
+
key: "44d9bda8cf2c384201325e461e159d8d08009917",
|
|
194
223
|
type: "checkbox",
|
|
195
224
|
id: this.customId,
|
|
196
225
|
name: this.name,
|
|
197
226
|
checked: this.checked,
|
|
198
227
|
disabled: this.disabled,
|
|
199
|
-
indeterminate: this.indeterminate,
|
|
200
228
|
value: this.value,
|
|
201
|
-
onChange: this.handleCheckedChange
|
|
229
|
+
onChange: this.handleCheckedChange,
|
|
230
|
+
ref: function(a) {
|
|
231
|
+
return a && (a.indeterminate = r.indeterminate);
|
|
232
|
+
}
|
|
202
233
|
}), h("label", {
|
|
203
|
-
key: "
|
|
234
|
+
key: "b572e741ab92598e621197bb4211b24745351e3a",
|
|
204
235
|
htmlFor: this.customId
|
|
205
|
-
}, this.
|
|
236
|
+
}, this.slotDefault ? h("slot", null) : this.label)));
|
|
206
237
|
};
|
|
207
238
|
Object.defineProperty(class_1, "formAssociated", {
|
|
208
239
|
get: function() {
|
|
@@ -211,6 +242,15 @@ var Checkbox = /** @class */ function() {
|
|
|
211
242
|
enumerable: false,
|
|
212
243
|
configurable: true
|
|
213
244
|
});
|
|
245
|
+
Object.defineProperty(class_1, "watchers", {
|
|
246
|
+
get: function() {
|
|
247
|
+
return {
|
|
248
|
+
indeterminate: [ "updateIndeterminate" ]
|
|
249
|
+
};
|
|
250
|
+
},
|
|
251
|
+
enumerable: false,
|
|
252
|
+
configurable: true
|
|
253
|
+
});
|
|
214
254
|
return class_1;
|
|
215
255
|
}();
|
|
216
256
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","this","handleCheckedChange","_this","checked","
|
|
1
|
+
{"version":3,"names":["checkboxCss","BrCheckboxStyle0","Checkbox","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,cAAc;;AACpB,IAAAC,mBAAeD;;ICaFE,yBAAQ;;;IA0GFC,KAAAC,sBAAsB;MACrC,IAAIC,EAAKC,eAAe;;QAEtBD,EAAKC,gBAAgB;QACrBD,EAAKE,UAAU;QACfF,EAAKG,oBAAoBC,KAAKJ,EAAKC;aAC9B;;QAELD,EAAKE,WAAWF,EAAKE;;MAEvBF,EAAKK,cAAcD,KAAKJ,EAAKE;;;;;;;;;;;yBArGkC;mBAMN;oBAMN,eAAAI,OAAeC;oBAKd;0BAMM;;;;;uBA8B5B;;;;;;;;;EAa9BC,QAAAC,UAAAC,sBAAA,SAAoBC;IAClB,IAAMC,IAAQd,KAAKe,GAAGC,WAAWC,cAAc;IAC/C,IAAIH,GAAO;MACTA,EAAMX,gBAAgBU;;;EAI5BH,QAAAC,UAAAO,oBAAA;IACElB,KAAKmB;;EAGCT,QAAAC,UAAAQ,wBAAA;IACNnB,KAAKoB,cAAcpB,KAAKe,GAAGM,cAAc;;EAGnCX,QAAAC,UAAAW,iBAAA;IACN,OAAO;MACL,eAAe;MACfC,OAAOvB,KAAKwB,UAAU;MACtBC,SAASzB,KAAKwB,UAAU;MACxBE,UAAU1B,KAAK0B;MACf,gBAAgB1B,KAAK2B;;;;;;SAsBnBjB,QAAAC,UAAAiB,mBAAN,SAAuBC;;;QACrB7B,KAAKG,gBAAgB0B;QACrB7B,KAAKY,oBAAoBiB;QACzB7B,KAAKK,oBAAoBC,KAAKN,KAAKG;;;;;;;SAO/BO,QAAAC,UAAAmB,gBAAN;;;QACE9B,KAAKI,WAAWJ,KAAKI;QACrBJ,KAAKO,cAAcD,KAAKN,KAAKI;;;;;EAG/BM,QAAAC,UAAAoB,SAAA;IAAA,IAAA7B,IAAAF;IACE,OACEgC,EAACC,MAAI;MAAAC,KAAA;OACHF,EAAA;MAAAE,KAAA;MAAKC,OAAOnC,KAAKsB;OACfU,EAAA;MAAAE,KAAA;MACEE,MAAK;MACLC,IAAIrC,KAAKsC;MACTC,MAAMvC,KAAKuC;MACXnC,SAASJ,KAAKI;MACdsB,UAAU1B,KAAK0B;MACfG,OAAO7B,KAAK6B;MACZW,UAAUxC,KAAKC;MACfwC,KAAK,SAAC1B;QAAO,OAAAA,MAAOA,EAAGZ,gBAAgBD,EAAKC;AAA/B;QAEf6B,EAAA;MAAAE,KAAA;MAAOQ,SAAS1C,KAAKsC;OAAWtC,KAAKoB,cAAcY,EAAA,gBAAgBhC,KAAK2C;;;;;;;;;;;;;;;;;;;CAzJ7D;;AAgKrB,IAAIlC,aAAa","ignoreList":[]}
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -258,7 +258,7 @@ var defineCustomElements = function(e, t) {
|
|
|
258
258
|
}, null, {
|
|
259
259
|
value: [ "valueChanged" ]
|
|
260
260
|
} ] ] ], [ "br-checkbox", [ [ 65, "br-checkbox", {
|
|
261
|
-
indeterminate: [
|
|
261
|
+
indeterminate: [ 1540 ],
|
|
262
262
|
checked: [ 1540 ],
|
|
263
263
|
customId: [ 513, "custom-id" ],
|
|
264
264
|
disabled: [ 516 ],
|
|
@@ -267,8 +267,11 @@ var defineCustomElements = function(e, t) {
|
|
|
267
267
|
name: [ 513 ],
|
|
268
268
|
state: [ 513 ],
|
|
269
269
|
value: [ 513 ],
|
|
270
|
-
|
|
270
|
+
slotDefault: [ 32 ],
|
|
271
|
+
setIndeterminate: [ 64 ],
|
|
271
272
|
toggleChecked: [ 64 ]
|
|
273
|
+
}, null, {
|
|
274
|
+
indeterminate: [ "updateIndeterminate" ]
|
|
272
275
|
} ] ] ], [ "br-button_2", [ [ 65, "br-button", {
|
|
273
276
|
colorMode: [ 513, "color-mode" ],
|
|
274
277
|
customId: [ 513, "custom-id" ],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["defineCustomElements","win","options","__awaiter","window","undefined","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","href","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":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGY,IAACA,uBAAuB,SAAOC,GAAKC;EAAO,OAAAC,eAAA;;;;QACrD,WAAWC,WAAW,aAAa,wBAAOC;QAC1C,uBAAMC;;;QAANC,EAAAC;QACA,wBAAOC,cAAc,sCAA8B;UAAAC,OAAS;UAAAC,aAAA;UAAAC,YAAA;UAAAV,SAAA;UAAAW,gBAAA;UAAAC,kBAAA;UAAAC,gBAAA;UAAAC,QAAA;UAAAC,UAAA;UAAAC,eAAA;UAAAC,YAAA;UAAAC,eAAA;UAAAC,YAAA;UAAAC,cAAA;UAAAC,YAAA;WAAA;UAAArB,SAAA;iBAAA;UAAAsB,cAAA;UAAAP,UAAA;UAAAQ,SAAA;UAAAC,UAAA;UAAAC,YAAA;UAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;UAAAC,OAAA;iBAAA;UAAArB,OAAA;UAAAsB,UAAA;UAAAf,UAAA;UAAAgB,OAAA;UAAAC,SAAA;UAAAC,OAAA;UAAAC,QAAA;UAAAC,aAAA;UAAAC,UAAA;UAAAC,eAAA;iBAAA;UAAAC,QAAA;UAAA9B,OAAA;UAAA4B,UAAA;UAAAP,OAAA;UAAAU,UAAA;UAAAC,eAAA;UAAAC,MAAA;iBAAA;UAAAT,SAAA;UAAAjB,UAAA;UAAA2B,OAAA;UAAAC,UAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAC,WAAA;UAAAC,YAAA;UAAAC,WAAA;iBAAA;UAAAxC,OAAA;UAAAyC,kBAAA;UAAAC,qBAAA;UAAAC,eAAA;UAAApC,UAAA;UAAAqC,SAAA;UAAAC,iBAAA;WAAA;UAAAvC,QAAA;UAAAC,UAAA;UAAAuC,MAAA;UAAAC,MAAA;WAAA;UAAAzC,QAAA;iBAAA;UAAAsB,UAAA;UAAArB,UAAA;UAAAyC,UAAA;UAAAC,YAAA;UAAAC,eAAA;UAAAC,MAAA;UAAAC,QAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAC,OAAA;UAAA/B,SAAA;UAAAgC,gBAAA;UAAAC,cAAA;UAAAC,YAAA;UAAAC,eAAA;WAAA;UAAAC,YAAA;UAAArD,UAAA;UAAAsD,iBAAA;UAAAC,UAAA;UAAA9D,OAAA;iBAAA;UAAA4B,UAAA;UAAAgB,SAAA;UAAArC,UAAA;UAAAP,OAAA;UAAA+D,eAAA;UAAAC,SAAA;UAAAC,UAAA;UAAAC,SAAA;UAAAC,MAAA;UAAAZ,OAAA;UAAA/B,SAAA;UAAA4C,cAAA;UAAAC,eAAA;iBAAA;UAAAd,OAAA;UAAAvD,OAAA;UAAAC,aAAA;UAAAM,UAAA;UAAAqB,UAAA;UAAA0C,WAAA;UAAAC,aAAA;UAAAlD,OAAA;UAAAG,SAAA;UAAAR,UAAA;UAAAwD,eAAA;UAAAC,UAAA;WAAA;UAAAlB,OAAA;iBAAA;UAAAZ,eAAA;UAAAC,SAAA;UAAArC,UAAA;UAAAqB,UAAA;UAAA8C,gBAAA;UAAA1E,OAAA;UAAAmE,MAAA;UAAA9C,OAAA;UAAAkC,OAAA;
|
|
1
|
+
{"version":3,"names":["defineCustomElements","win","options","__awaiter","window","undefined","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","href","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":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n if (typeof window === 'undefined') return undefined;\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGY,IAACA,uBAAuB,SAAOC,GAAKC;EAAO,OAAAC,eAAA;;;;QACrD,WAAWC,WAAW,aAAa,wBAAOC;QAC1C,uBAAMC;;;QAANC,EAAAC;QACA,wBAAOC,cAAc,sCAA8B;UAAAC,OAAS;UAAAC,aAAA;UAAAC,YAAA;UAAAV,SAAA;UAAAW,gBAAA;UAAAC,kBAAA;UAAAC,gBAAA;UAAAC,QAAA;UAAAC,UAAA;UAAAC,eAAA;UAAAC,YAAA;UAAAC,eAAA;UAAAC,YAAA;UAAAC,cAAA;UAAAC,YAAA;WAAA;UAAArB,SAAA;iBAAA;UAAAsB,cAAA;UAAAP,UAAA;UAAAQ,SAAA;UAAAC,UAAA;UAAAC,YAAA;UAAAC,YAAA;UAAAC,UAAA;UAAAC,YAAA;UAAAC,OAAA;iBAAA;UAAArB,OAAA;UAAAsB,UAAA;UAAAf,UAAA;UAAAgB,OAAA;UAAAC,SAAA;UAAAC,OAAA;UAAAC,QAAA;UAAAC,aAAA;UAAAC,UAAA;UAAAC,eAAA;iBAAA;UAAAC,QAAA;UAAA9B,OAAA;UAAA4B,UAAA;UAAAP,OAAA;UAAAU,UAAA;UAAAC,eAAA;UAAAC,MAAA;iBAAA;UAAAT,SAAA;UAAAjB,UAAA;UAAA2B,OAAA;UAAAC,UAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAC,WAAA;UAAAC,YAAA;UAAAC,WAAA;iBAAA;UAAAxC,OAAA;UAAAyC,kBAAA;UAAAC,qBAAA;UAAAC,eAAA;UAAApC,UAAA;UAAAqC,SAAA;UAAAC,iBAAA;WAAA;UAAAvC,QAAA;UAAAC,UAAA;UAAAuC,MAAA;UAAAC,MAAA;WAAA;UAAAzC,QAAA;iBAAA;UAAAsB,UAAA;UAAArB,UAAA;UAAAyC,UAAA;UAAAC,YAAA;UAAAC,eAAA;UAAAC,MAAA;UAAAC,QAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAC,OAAA;UAAA/B,SAAA;UAAAgC,gBAAA;UAAAC,cAAA;UAAAC,YAAA;UAAAC,eAAA;WAAA;UAAAC,YAAA;UAAArD,UAAA;UAAAsD,iBAAA;UAAAC,UAAA;UAAA9D,OAAA;iBAAA;UAAA4B,UAAA;UAAAgB,SAAA;UAAArC,UAAA;UAAAP,OAAA;UAAA+D,eAAA;UAAAC,SAAA;UAAAC,UAAA;UAAAC,SAAA;UAAAC,MAAA;UAAAZ,OAAA;UAAA/B,SAAA;UAAA4C,cAAA;UAAAC,eAAA;iBAAA;UAAAd,OAAA;UAAAvD,OAAA;UAAAC,aAAA;UAAAM,UAAA;UAAAqB,UAAA;UAAA0C,WAAA;UAAAC,aAAA;UAAAlD,OAAA;UAAAG,SAAA;UAAAR,UAAA;UAAAwD,eAAA;UAAAC,UAAA;WAAA;UAAAlB,OAAA;iBAAA;UAAAZ,eAAA;UAAAC,SAAA;UAAArC,UAAA;UAAAqB,UAAA;UAAA8C,gBAAA;UAAA1E,OAAA;UAAAmE,MAAA;UAAA9C,OAAA;UAAAkC,OAAA;UAAAoB,aAAA;UAAAC,kBAAA;UAAAP,eAAA;WAAA;UAAA1B,eAAA;iBAAA;UAAAkC,WAAA;UAAAtE,UAAA;UAAAiB,SAAA;UAAAI,UAAA;UAAAkD,UAAA;UAAA9B,UAAA;UAAA+B,WAAA;UAAAtD,OAAA;UAAA6B,MAAA;UAAAC,OAAA;aAAA;UAAAjC,UAAA;UAAA0D,QAAA;UAAAzE,UAAA;UAAA0E,OAAA;UAAAC,YAAA;UAAAlE,UAAA;UAAAmE,QAAA;UAAAC,MAAA;iBAAA;UAAA9B,MAAA;UAAA+B,cAAA;UAAA7D,SAAA;UAAAI,UAAA;UAAAZ,UAAA;UAAAsE,aAAA;UAAAjE,OAAA;UAAArB,OAAA;UAAAO,UAAA;UAAA4D,MAAA;UAAAlE,aAAA;UAAAsF,UAAA;UAAAC,UAAA;UAAAjC,OAAA;UAAAkC,UAAA;UAAAC,aAAA;UAAAC,KAAA;UAAAC,KAAA;UAAAC,WAAA;UAAAvB,WAAA;UAAAvC,UAAA;UAAA+D,SAAA;UAAAC,MAAA;UAAAC,mBAAA;UAAAC,eAAA;UAAAC,aAAA;UAAAC,eAAA;UAAAC,iBAAA;aAAA;UAAAC,QAAA;UAAAC,cAAA;UAAA/F,UAAA;UAAAgG,mBAAA;aAAA;UAAA3D,SAAA;UAAAhB,UAAA;UAAAP,OAAA;UAAAqD,gBAAA;UAAAnE,UAAA;UAAA4D,MAAA;UAAAnE,OAAA;UAAAuD,OAAA;UAAAc,eAAA;WAAA,uDAAA7E","ignoreList":[]}
|