@luftborn/custom-elements 2.10.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/demo/index.js +5 -2
  2. package/demo/index.min.js +4 -1
  3. package/demo/index.min.js.map +1 -1
  4. package/dist/elements/DropDownList/DropDownListElement.d.ts +1 -1
  5. package/dist/elements/DropDownList/DropDownListElement.js +4 -1
  6. package/dist/elements/DropDownList/DropDownListElement.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/elements/DropDownList/DropDownListElement.ts +5 -2
package/dist/elements/DropDownList/DropDownListElement.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { CustomInputElement } from '../../framework/CustomInputElement';
2
2
  export declare class DropDownListElement extends CustomInputElement {
3
- select: HTMLInputElement;
3
+ select: HTMLSelectElement;
4
4
  optionTemplate: string;
5
5
  placeholderOptionTemplate: string;
6
6
  constructor();
package/dist/elements/DropDownList/DropDownListElement.js CHANGED
@@ -36,6 +36,9 @@ var DropDownListElement = /** @class */ (function (_super) {
36
36
  }
37
37
  Object.defineProperty(DropDownListElement.prototype, "value", {
38
38
  get: function () {
39
+ if (this.multi) {
40
+ return Array.from(this.select.selectedOptions).map(function (option) { return option.value; }).join(', ');
41
+ }
39
42
  return "" + this.select.value;
40
43
  },
41
44
  set: function (value) {
@@ -56,7 +59,7 @@ var DropDownListElement = /** @class */ (function (_super) {
56
59
  _super.prototype.connectedCallback.call(this);
57
60
  };
58
61
  DropDownListElement.prototype.initChildInputs = function () {
59
- this.select = _super.prototype.getChildInput.call(this, "#select-list");
62
+ this.select = this.shadowRoot.querySelector('select');
60
63
  this.addOptions();
61
64
  if (this.required) {
62
65
  this.select.setAttribute('required', '');
package/dist/elements/DropDownList/DropDownListElement.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luftborn/custom-elements",
3
- "version": "2.10.0",
3
+ "version": "2.11.0",
4
4
  "description": "custom HTML elements for the form builder application (node version: 18)",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/src/elements/DropDownList/DropDownListElement.ts CHANGED
@@ -38,7 +38,7 @@ import { StringUtil } from '../../framework/Utilities/StringUtil';
38
38
  useShadow: true,
39
39
  })
40
40
  export class DropDownListElement extends CustomInputElement {
41
- select: HTMLInputElement;
41
+ select: HTMLSelectElement;
42
42
  optionTemplate = `
43
43
  <option value='{0}'>
44
44
  {1}
@@ -53,6 +53,9 @@ export class DropDownListElement extends CustomInputElement {
53
53
  }
54
54
 
55
55
  get value(): string {
56
+ if (this.multi) {
57
+ return Array.from(this.select.selectedOptions).map((option) => option.value).join(', ');
58
+ }
56
59
  return `${this.select.value}`;
57
60
  }
58
61
 
@@ -70,7 +73,7 @@ export class DropDownListElement extends CustomInputElement {
70
73
  }
71
74
 
72
75
  initChildInputs() {
73
- this.select = super.getChildInput(`#select-list`);
76
+ this.select = this.shadowRoot.querySelector('select') as HTMLSelectElement;
74
77
  this.addOptions();
75
78
  if (this.required) {
76
79
  this.select.setAttribute('required', '');