@luftborn/custom-elements 2.5.7 → 2.6.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.
- package/demo/index.js +29 -6
- package/demo/index.min.js +28 -5
- package/demo/index.min.js.map +1 -1
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.d.ts +2 -0
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.js +22 -4
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.js.map +1 -1
- package/dist/elements/DropDownList/DropDownListElement.d.ts +1 -0
- package/dist/elements/DropDownList/DropDownListElement.js +6 -1
- package/dist/elements/DropDownList/DropDownListElement.js.map +1 -1
- package/package.json +1 -1
- package/src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts +19 -2
- package/src/elements/DropDownList/DropDownListElement.ts +13 -3
|
@@ -3,6 +3,8 @@ export declare class CustomFormatDateFieldElement extends CustomInputElement {
|
|
|
3
3
|
date: any;
|
|
4
4
|
display: HTMLInputElement;
|
|
5
5
|
datepicker: any;
|
|
6
|
+
private readonly defaultDateFormat;
|
|
7
|
+
private readonly supportedDateFormats;
|
|
6
8
|
constructor();
|
|
7
9
|
get value(): string;
|
|
8
10
|
set value(value: string);
|
|
@@ -28,7 +28,22 @@ var CustomEvents_1 = require("../../framework/CustomEvents");
|
|
|
28
28
|
var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
29
29
|
__extends(CustomFormatDateFieldElement, _super);
|
|
30
30
|
function CustomFormatDateFieldElement() {
|
|
31
|
-
|
|
31
|
+
var _this = _super.call(this) || this;
|
|
32
|
+
_this.defaultDateFormat = 'yyyy-mm-dd';
|
|
33
|
+
_this.supportedDateFormats = [
|
|
34
|
+
'ddmmyyyy',
|
|
35
|
+
'mmddyyyy',
|
|
36
|
+
'dd/mm/yyyy',
|
|
37
|
+
'mm/dd/yyyy',
|
|
38
|
+
'dd-mm-yyyy',
|
|
39
|
+
'mm-dd-yyyy',
|
|
40
|
+
'yyyy-mm-dd',
|
|
41
|
+
'yyyy-dd-mm',
|
|
42
|
+
'Month dd, yyyy',
|
|
43
|
+
'mm/dd/yy',
|
|
44
|
+
'dd/mm/yy',
|
|
45
|
+
];
|
|
46
|
+
return _this;
|
|
32
47
|
}
|
|
33
48
|
Object.defineProperty(CustomFormatDateFieldElement.prototype, "value", {
|
|
34
49
|
get: function () {
|
|
@@ -81,9 +96,13 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
81
96
|
if (this.min) {
|
|
82
97
|
this.date.setAttribute('min', this.min);
|
|
83
98
|
}
|
|
84
|
-
if (this.dateFormat) {
|
|
99
|
+
if (this.dateFormat && this.supportedDateFormats.includes(this.dateFormat)) {
|
|
85
100
|
this.display.placeholder = this.dateFormat;
|
|
86
101
|
}
|
|
102
|
+
else {
|
|
103
|
+
this.display.placeholder = this.defaultDateFormat;
|
|
104
|
+
this.dateFormat = this.defaultDateFormat;
|
|
105
|
+
}
|
|
87
106
|
};
|
|
88
107
|
CustomFormatDateFieldElement.prototype.change = function ($event) {
|
|
89
108
|
var _a;
|
|
@@ -98,7 +117,6 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
98
117
|
this.onValidate.emit(new CustomEvents_1.CustomElementEventArgs(this.value, 'validate'));
|
|
99
118
|
};
|
|
100
119
|
CustomFormatDateFieldElement.prototype.formatDate = function () {
|
|
101
|
-
var _a;
|
|
102
120
|
var date = this.date.valueAsDate;
|
|
103
121
|
var year = date.getFullYear();
|
|
104
122
|
var month = (date.getMonth() + 1).toString().padStart(2, '0');
|
|
@@ -117,7 +135,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
117
135
|
'mm/dd/yy': month + "/" + day + "/" + year.toString().slice(-2),
|
|
118
136
|
'dd/mm/yy': day + "/" + month + "/" + year.toString().slice(-2),
|
|
119
137
|
};
|
|
120
|
-
return
|
|
138
|
+
return dateFormats[this.dateFormat];
|
|
121
139
|
};
|
|
122
140
|
CustomFormatDateFieldElement.prototype.showDatePicker = function () {
|
|
123
141
|
if ((!!window.ApplePaySetupFeature || !!window.safari)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomFormatDateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAqDtE;IAAkD,gDAAkB;
|
|
1
|
+
{"version":3,"file":"CustomFormatDateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { CustomInputElement } from '../../framework/CustomInputElement';
|
|
|
2
2
|
export declare class DropDownListElement extends CustomInputElement {
|
|
3
3
|
select: HTMLInputElement;
|
|
4
4
|
optionTemplate: string;
|
|
5
|
+
placeholderOptionTemplate: string;
|
|
5
6
|
constructor();
|
|
6
7
|
get value(): string;
|
|
7
8
|
set value(value: string);
|
|
@@ -30,7 +30,8 @@ var DropDownListElement = /** @class */ (function (_super) {
|
|
|
30
30
|
__extends(DropDownListElement, _super);
|
|
31
31
|
function DropDownListElement() {
|
|
32
32
|
var _this = _super.call(this) || this;
|
|
33
|
-
_this.optionTemplate = "\n
|
|
33
|
+
_this.optionTemplate = "\n\t\t<option value='{0}'>\n\t\t{1}\n\t\t</option>";
|
|
34
|
+
_this.placeholderOptionTemplate = "\n\t\t<option selected disabled>\n\t\t{0}\n\t\t</option>";
|
|
34
35
|
return _this;
|
|
35
36
|
}
|
|
36
37
|
Object.defineProperty(DropDownListElement.prototype, "value", {
|
|
@@ -67,6 +68,10 @@ var DropDownListElement = /** @class */ (function (_super) {
|
|
|
67
68
|
DropDownListElement.prototype.addOptions = function () {
|
|
68
69
|
var _this = this;
|
|
69
70
|
this.select.innerHTML = "";
|
|
71
|
+
if (this.placeholder) {
|
|
72
|
+
this.select.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(this.placeholderOptionTemplate, this.placeholder));
|
|
73
|
+
}
|
|
74
|
+
;
|
|
70
75
|
this.options.forEach(function (element, index) {
|
|
71
76
|
_this.select.insertAdjacentHTML('beforeend', StringUtil_1.StringUtil.StringFormat(_this.optionTemplate, element, element));
|
|
72
77
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,mEAAkE;AAoClE;IAAyC,uCAAkB;
|
|
1
|
+
{"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,mEAAkE;AAoClE;IAAyC,uCAAkB;IAW1D;QAAA,YACC,iBAAO,SACP;QAXD,oBAAc,GAAG,oDAGN,CAAC;QACZ,+BAAyB,GAAG,0DAGjB,CAAC;;IAIZ,CAAC;IAED,sBAAI,sCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,MAAM,CAAC,KAAO,CAAC;QAC/B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,CAAC;;;OAJA;IAMD,sBAAI,sCAAK;aAAT;YACC,OAAO,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QACnC,CAAC;;;OAAA;IAED,+CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;IAC3B,CAAC;IAED,6CAAe,GAAf;QACC,IAAI,CAAC,MAAM,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QAClD,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACzC;QACD,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,CAAC;IAEO,wCAAU,GAAlB;QAAA,iBAcC;QAbA,IAAI,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;QAC3B,IAAI,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAC7B,WAAW,EACX,uBAAU,CAAC,YAAY,CAAC,IAAI,CAAC,yBAAyB,EAAE,IAAI,CAAC,WAAW,CAAC,CACzE,CAAC;SACF;QAAA,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,UAAC,OAAO,EAAE,KAAK;YACnC,KAAI,CAAC,MAAM,CAAC,kBAAkB,CAC7B,WAAW,EACX,uBAAU,CAAC,YAAY,CAAC,KAAI,CAAC,cAAc,EAAE,OAAO,EAAE,OAAO,CAAC,CAC9D,CAAC;QACH,CAAC,CAAC,CAAC;IACJ,CAAC;IACD,SAAS;IACF,oCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,sCAAQ,GAAf;QACC,IAAI,CAAC,KAAK,CAAC;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CACnB,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAClD,CAAC;IACH,CAAC;IArEW,mBAAmB;QAlC/B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,kKAKD;YACT,KAAK,EAAE,0pBAuBI;YACX,SAAS,EAAE,IAAI;SACf,CAAC;OACW,mBAAmB,CAsE/B;IAAD,0BAAC;CAAA,AAtED,CAAyC,uCAAkB,GAsE1D;AAtEY,kDAAmB"}
|
package/package.json
CHANGED
|
@@ -57,6 +57,20 @@ export class CustomFormatDateFieldElement extends CustomInputElement {
|
|
|
57
57
|
date: any;
|
|
58
58
|
display: HTMLInputElement;
|
|
59
59
|
datepicker: any;
|
|
60
|
+
private readonly defaultDateFormat = 'yyyy-mm-dd';
|
|
61
|
+
private readonly supportedDateFormats = [
|
|
62
|
+
'ddmmyyyy',
|
|
63
|
+
'mmddyyyy',
|
|
64
|
+
'dd/mm/yyyy',
|
|
65
|
+
'mm/dd/yyyy',
|
|
66
|
+
'dd-mm-yyyy',
|
|
67
|
+
'mm-dd-yyyy',
|
|
68
|
+
'yyyy-mm-dd',
|
|
69
|
+
'yyyy-dd-mm',
|
|
70
|
+
'Month dd, yyyy',
|
|
71
|
+
'mm/dd/yy',
|
|
72
|
+
'dd/mm/yy',
|
|
73
|
+
];
|
|
60
74
|
|
|
61
75
|
constructor() {
|
|
62
76
|
super();
|
|
@@ -113,8 +127,11 @@ export class CustomFormatDateFieldElement extends CustomInputElement {
|
|
|
113
127
|
if (this.min) {
|
|
114
128
|
this.date.setAttribute('min', this.min);
|
|
115
129
|
}
|
|
116
|
-
if (this.dateFormat) {
|
|
130
|
+
if (this.dateFormat && this.supportedDateFormats.includes(this.dateFormat)) {
|
|
117
131
|
this.display.placeholder = this.dateFormat;
|
|
132
|
+
} else {
|
|
133
|
+
this.display.placeholder = this.defaultDateFormat;
|
|
134
|
+
this.dateFormat = this.defaultDateFormat;
|
|
118
135
|
}
|
|
119
136
|
}
|
|
120
137
|
|
|
@@ -155,7 +172,7 @@ export class CustomFormatDateFieldElement extends CustomInputElement {
|
|
|
155
172
|
'dd/mm/yy': `${day}/${month}/${year.toString().slice(-2)}`,
|
|
156
173
|
}
|
|
157
174
|
|
|
158
|
-
return dateFormats[this.dateFormat]
|
|
175
|
+
return dateFormats[this.dateFormat];
|
|
159
176
|
}
|
|
160
177
|
|
|
161
178
|
private showDatePicker(): void {
|
|
@@ -40,9 +40,13 @@ import { StringUtil } from '../../framework/Utilities/StringUtil';
|
|
|
40
40
|
export class DropDownListElement extends CustomInputElement {
|
|
41
41
|
select: HTMLInputElement;
|
|
42
42
|
optionTemplate = `
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
<option value='{0}'>
|
|
44
|
+
{1}
|
|
45
|
+
</option>`;
|
|
46
|
+
placeholderOptionTemplate = `
|
|
47
|
+
<option selected disabled>
|
|
48
|
+
{0}
|
|
49
|
+
</option>`;
|
|
46
50
|
|
|
47
51
|
constructor() {
|
|
48
52
|
super();
|
|
@@ -78,6 +82,12 @@ export class DropDownListElement extends CustomInputElement {
|
|
|
78
82
|
|
|
79
83
|
private addOptions() {
|
|
80
84
|
this.select.innerHTML = "";
|
|
85
|
+
if (this.placeholder) {
|
|
86
|
+
this.select.insertAdjacentHTML(
|
|
87
|
+
'beforeend',
|
|
88
|
+
StringUtil.StringFormat(this.placeholderOptionTemplate, this.placeholder),
|
|
89
|
+
);
|
|
90
|
+
};
|
|
81
91
|
this.options.forEach((element, index) => {
|
|
82
92
|
this.select.insertAdjacentHTML(
|
|
83
93
|
'beforeend',
|