@luftborn/custom-elements 2.15.4 → 2.15.6
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/demo/index.js +11 -5
- package/demo/index.min.js +10 -4
- package/demo/index.min.js.map +1 -1
- package/dist/elements/CheckBoxElement/CheckBoxElement.js +5 -2
- package/dist/elements/CheckBoxElement/CheckBoxElement.js.map +1 -1
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js +5 -2
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/CheckBoxElement/CheckBoxElement.ts +22 -19
- package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts +11 -8
|
@@ -74,6 +74,8 @@ var CheckBoxElement = /** @class */ (function (_super) {
|
|
|
74
74
|
if (!fieldset) {
|
|
75
75
|
fieldset = document.createElement('fieldset');
|
|
76
76
|
wrapper.appendChild(fieldset);
|
|
77
|
+
}
|
|
78
|
+
if (fieldset.children.length === 0) {
|
|
77
79
|
this.options.forEach(function (element, index) {
|
|
78
80
|
fieldset.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(_this.checkboxTemplate, _this.name, element, _this.name + "-" + index));
|
|
79
81
|
});
|
|
@@ -83,8 +85,9 @@ var CheckBoxElement = /** @class */ (function (_super) {
|
|
|
83
85
|
var fieldset = this.shadowRoot.querySelector('fieldset');
|
|
84
86
|
if (this.label) {
|
|
85
87
|
fieldset.setAttribute('aria-label', this.label);
|
|
86
|
-
|
|
87
|
-
|
|
88
|
+
var legend = fieldset.querySelector('legend');
|
|
89
|
+
if (!this.hideLabel && !legend) {
|
|
90
|
+
legend = document.createElement('legend');
|
|
88
91
|
legend.textContent = this.label;
|
|
89
92
|
legend.classList.add('field-label');
|
|
90
93
|
fieldset.insertAdjacentElement('afterbegin', legend);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxElement.js","sourceRoot":"","sources":["../../../src/elements/CheckBoxElement/CheckBoxElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,mEAAkE;AAiDlE;IAAqC,mCAAkB;IAQtD;QAAA,YACC,iBAAO,SACP;QARD,sBAAgB,GAAG,4IAIZ,CAAC;;IAIR,CAAC;IAED,sBAAI,kCAAK;aAAT;YACC,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC;QAC/D,CAAC;aAED,UAAU,MAAgB;YACzB,+BAA+B;QAChC,CAAC;;;OAJA;IAMD,sBAAI,kCAAK;aAAT;YACC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aAC7B;iBAAM;gBACN,OAAO,IAAI,CAAC;aACZ;QACF,CAAC;;;OAAA;IAED,2CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;IAClB,CAAC;IAED,yCAAe,GAAf;QAAA,iBAMC;QALA,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,iBAAM,cAAc,YAAC,YAAU,IAAI,CAAC,IAAI,OAAI,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAA,CAAC;YACtB,OAAA,CAAC,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAApD,CAAoD,CACpD,CAAC;IACH,CAAC;IAEO,uCAAa,GAArB;QAAA,
|
|
1
|
+
{"version":3,"file":"CheckBoxElement.js","sourceRoot":"","sources":["../../../src/elements/CheckBoxElement/CheckBoxElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -80,6 +80,8 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
|
|
|
80
80
|
if (!fieldset) {
|
|
81
81
|
fieldset = document.createElement('fieldset');
|
|
82
82
|
wrapper.appendChild(fieldset);
|
|
83
|
+
}
|
|
84
|
+
if (fieldset.children.length === 0) {
|
|
83
85
|
this.options.forEach(function (element, index) {
|
|
84
86
|
fieldset.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(_this.radioButtonTemplate, _this.name, element, _this.name + "-" + index, "" + (_this.required ? 'required' : '')));
|
|
85
87
|
});
|
|
@@ -89,8 +91,9 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
|
|
|
89
91
|
var fieldset = this.shadowRoot.querySelector('fieldset');
|
|
90
92
|
if (this.label) {
|
|
91
93
|
fieldset.setAttribute('aria-label', this.label);
|
|
92
|
-
|
|
93
|
-
|
|
94
|
+
var legend = fieldset.querySelector('legend');
|
|
95
|
+
if (!this.hideLabel && !legend) {
|
|
96
|
+
legend = document.createElement('legend');
|
|
94
97
|
legend.textContent = this.label;
|
|
95
98
|
legend.classList.add('field-label');
|
|
96
99
|
fieldset.insertAdjacentElement('afterbegin', legend);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonGroupElement.js","sourceRoot":"","sources":["../../../src/elements/RadioButtonGroup/RadioButtonGroupElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,mEAAkE;AAiDlE;IAA6C,2CAAkB;IAQ9D;QAAA,YACC,iBAAO,SACP;QARD,yBAAmB,GAAG,iJAIf,CAAC;;IAIR,CAAC;IAED,sBAAI,0CAAK;aAAT;YACC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,EAAP,CAAO,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,YAAY,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,KAAK,KAAK,KAAK,EAAjB,CAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;YACtE,IAAI,YAAY,EAAE;gBACjB,YAAY,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;aACzC;QACF,CAAC;;;OAPA;IASD,sBAAI,0CAAK;aAAT;YACC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBAClB,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,OAAO,EAAT,CAAS,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;aAC1D;iBAAM;gBACN,OAAO,IAAI,CAAC;aACZ;QACF,CAAC;;;OAAA;IAED,mDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;IAClB,CAAC;IAED,iDAAe,GAAf;QAAA,iBASC;QARA,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,WAAW,GAAG,iBAAM,cAAc,YAAC,YAAU,IAAI,CAAC,IAAI,OAAI,CAAC,CAAC;QACjE,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,UAAA,KAAK;YAC7B,OAAA,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;QAAxD,CAAwD,CACxD,CAAC;QACF,IAAI,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAC/B;IACF,CAAC;IAEO,iDAAe,GAAvB;QAAA,
|
|
1
|
+
{"version":3,"file":"RadioButtonGroupElement.js","sourceRoot":"","sources":["../../../src/elements/RadioButtonGroup/RadioButtonGroupElement.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -94,30 +94,33 @@ export class CheckBoxElement extends CustomInputElement {
|
|
|
94
94
|
private addCheckBoxes() {
|
|
95
95
|
const wrapper = super.getChildElement('.wrapper');
|
|
96
96
|
let fieldset = wrapper.querySelector('fieldset');
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
97
|
+
if (!fieldset) {
|
|
98
|
+
fieldset = document.createElement('fieldset');
|
|
99
|
+
wrapper.appendChild(fieldset);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
if (fieldset.children.length === 0) {
|
|
103
|
+
this.options.forEach((element, index) => {
|
|
104
|
+
fieldset.insertAdjacentHTML(
|
|
105
|
+
'beforeend',
|
|
106
|
+
StringUtil.StringFormat(
|
|
107
|
+
this.checkboxTemplate,
|
|
108
|
+
this.name,
|
|
109
|
+
element,
|
|
110
|
+
`${this.name}-${index}`,
|
|
111
|
+
),
|
|
112
|
+
);
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
}
|
|
114
116
|
|
|
115
117
|
private addLegend() {
|
|
116
118
|
const fieldset = this.shadowRoot.querySelector('fieldset');
|
|
117
119
|
if (this.label) {
|
|
118
120
|
fieldset.setAttribute('aria-label', this.label);
|
|
119
|
-
|
|
120
|
-
|
|
121
|
+
let legend = fieldset.querySelector('legend');
|
|
122
|
+
if (!this.hideLabel && !legend) {
|
|
123
|
+
legend = document.createElement('legend');
|
|
121
124
|
legend.textContent = this.label;
|
|
122
125
|
legend.classList.add('field-label');
|
|
123
126
|
fieldset.insertAdjacentElement('afterbegin', legend);
|
|
@@ -102,12 +102,14 @@ export class RadioButtonGroupElement extends CustomInputElement {
|
|
|
102
102
|
let fieldset = wrapper.querySelector('fieldset');
|
|
103
103
|
if (!fieldset) {
|
|
104
104
|
fieldset = document.createElement('fieldset');
|
|
105
|
-
wrapper.appendChild(fieldset);
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
105
|
+
wrapper.appendChild(fieldset);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
if (fieldset.children.length === 0) {
|
|
109
|
+
this.options.forEach((element, index) => {
|
|
110
|
+
fieldset.insertAdjacentHTML(
|
|
111
|
+
'beforeend',
|
|
112
|
+
StringUtil.StringFormat(
|
|
111
113
|
this.radioButtonTemplate,
|
|
112
114
|
this.name,
|
|
113
115
|
element,
|
|
@@ -123,8 +125,9 @@ export class RadioButtonGroupElement extends CustomInputElement {
|
|
|
123
125
|
const fieldset = this.shadowRoot.querySelector('fieldset');
|
|
124
126
|
if (this.label) {
|
|
125
127
|
fieldset.setAttribute('aria-label', this.label);
|
|
126
|
-
|
|
127
|
-
|
|
128
|
+
let legend = fieldset.querySelector('legend');
|
|
129
|
+
if (!this.hideLabel && !legend) {
|
|
130
|
+
legend = document.createElement('legend');
|
|
128
131
|
legend.textContent = this.label;
|
|
129
132
|
legend.classList.add('field-label');
|
|
130
133
|
fieldset.insertAdjacentElement('afterbegin', legend);
|