@luftborn/custom-elements 2.13.10 → 2.15.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.html +269 -259
- package/demo/index.js +455 -125
- package/demo/index.min.js +454 -124
- package/demo/index.min.js.map +1 -1
- package/dist/elements/Address/AddressElement.js +3 -2
- package/dist/elements/Address/AddressElement.js.map +1 -1
- package/dist/elements/BankField/BankFieldElement.js +3 -2
- package/dist/elements/BankField/BankFieldElement.js.map +1 -1
- package/dist/elements/CPRElement/CPRElement.js +3 -2
- package/dist/elements/CPRElement/CPRElement.js.map +1 -1
- package/dist/elements/CVRElement/CVRElement.js +3 -2
- package/dist/elements/CVRElement/CVRElement.js.map +1 -1
- package/dist/elements/CheckBoxElement/CheckBoxElement.js +4 -2
- package/dist/elements/CheckBoxElement/CheckBoxElement.js.map +1 -1
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.js +3 -2
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.js.map +1 -1
- package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js +3 -2
- package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js.map +1 -1
- package/dist/elements/DateField/DateFieldElement.js +3 -2
- package/dist/elements/DateField/DateFieldElement.js.map +1 -1
- package/dist/elements/DropDownList/DropDownListElement.js +3 -2
- package/dist/elements/DropDownList/DropDownListElement.js.map +1 -1
- package/dist/elements/Elements.d.ts +2 -1
- package/dist/elements/Elements.js +3 -1
- package/dist/elements/Elements.js.map +1 -1
- package/dist/elements/EmailField/EmailFieldElement.js +3 -2
- package/dist/elements/EmailField/EmailFieldElement.js.map +1 -1
- package/dist/elements/FileField/FileFieldElement.js +3 -2
- package/dist/elements/FileField/FileFieldElement.js.map +1 -1
- package/dist/elements/IdentificationElement/IdentificationElement.js +3 -2
- package/dist/elements/IdentificationElement/IdentificationElement.js.map +1 -1
- package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js +3 -2
- package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js.map +1 -1
- package/dist/elements/NumericField/NumericFieldElement.js +3 -2
- package/dist/elements/NumericField/NumericFieldElement.js.map +1 -1
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js +4 -2
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js.map +1 -1
- package/dist/elements/ResidentIdentification/ResidentIdentificationElement.d.ts +22 -0
- package/dist/elements/ResidentIdentification/ResidentIdentificationElement.js +145 -0
- package/dist/elements/ResidentIdentification/ResidentIdentificationElement.js.map +1 -0
- package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.js +3 -2
- package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.js.map +1 -1
- package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.js +3 -2
- package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.js.map +1 -1
- package/dist/elements/TextAreaElement/TextAreaElement.js +3 -2
- package/dist/elements/TextAreaElement/TextAreaElement.js.map +1 -1
- package/dist/elements/TextField/TextFieldElement.js +3 -2
- package/dist/elements/TextField/TextFieldElement.js.map +1 -1
- package/dist/elements/TypeAhead/TypeAheadElement.js +3 -2
- package/dist/elements/TypeAhead/TypeAheadElement.js.map +1 -1
- package/dist/framework/CustomInputElement.d.ts +1 -0
- package/dist/framework/CustomInputElement.js +17 -0
- package/dist/framework/CustomInputElement.js.map +1 -1
- package/dist/framework/Language/Languages/CzechDictionary.js +7 -1
- package/dist/framework/Language/Languages/CzechDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/DanishDictionary.js +7 -1
- package/dist/framework/Language/Languages/DanishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/DutchDictionary.js +7 -1
- package/dist/framework/Language/Languages/DutchDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/EnglishDictionary.js +7 -1
- package/dist/framework/Language/Languages/EnglishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/EstonianDictionary.js +7 -1
- package/dist/framework/Language/Languages/EstonianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/FinnishDictionary.js +7 -1
- package/dist/framework/Language/Languages/FinnishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/FrenchDictionary.js +7 -1
- package/dist/framework/Language/Languages/FrenchDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/GermanDictionary.js +7 -1
- package/dist/framework/Language/Languages/GermanDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/GreekDictionary.js +7 -1
- package/dist/framework/Language/Languages/GreekDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/HungarianDictionary.js +7 -1
- package/dist/framework/Language/Languages/HungarianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/IcelandicDictionary.js +7 -1
- package/dist/framework/Language/Languages/IcelandicDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/ItalianDictionary.js +7 -1
- package/dist/framework/Language/Languages/ItalianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/LatvianDictionary.js +7 -1
- package/dist/framework/Language/Languages/LatvianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/LituanianDictionary.js +7 -1
- package/dist/framework/Language/Languages/LituanianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/NorwegianDictionary.js +7 -1
- package/dist/framework/Language/Languages/NorwegianDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/PolishDictionary.js +7 -1
- package/dist/framework/Language/Languages/PolishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/PortugueseDictionary.js +7 -1
- package/dist/framework/Language/Languages/PortugueseDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/SpanishDictionary.js +7 -1
- package/dist/framework/Language/Languages/SpanishDictionary.js.map +1 -1
- package/dist/framework/Language/Languages/SwedishDictionary.js +7 -1
- package/dist/framework/Language/Languages/SwedishDictionary.js.map +1 -1
- package/dist/framework/Validation/Validators/ResidentIdentification.d.ts +5 -0
- package/dist/framework/Validation/Validators/ResidentIdentification.js +28 -0
- package/dist/framework/Validation/Validators/ResidentIdentification.js.map +1 -0
- package/package.json +1 -1
- package/src/elements/Address/AddressElement.ts +37 -18
- package/src/elements/BankField/BankFieldElement.ts +34 -16
- package/src/elements/CPRElement/CPRElement.ts +28 -10
- package/src/elements/CVRElement/CVRElement.ts +28 -10
- package/src/elements/CheckBoxElement/CheckBoxElement.ts +22 -3
- package/src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts +25 -7
- package/src/elements/CustomRegularExpression/CustomRegularExpressionElement.ts +28 -10
- package/src/elements/DateField/DateFieldElement.ts +28 -10
- package/src/elements/DropDownList/DropDownListElement.ts +42 -24
- package/src/elements/Elements.ts +2 -0
- package/src/elements/EmailField/EmailFieldElement.ts +28 -10
- package/src/elements/FileField/FileFieldElement.ts +28 -10
- package/src/elements/IdentificationElement/IdentificationElement.ts +32 -14
- package/src/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.ts +36 -19
- package/src/elements/NumericField/NumericFieldElement.ts +28 -10
- package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts +46 -27
- package/src/elements/ResidentIdentification/ResidentIdentificationElement.ts +155 -0
- package/src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts +24 -5
- package/src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts +24 -5
- package/src/elements/TextAreaElement/TextAreaElement.ts +28 -10
- package/src/elements/TextField/TextFieldElement.ts +30 -11
- package/src/elements/TypeAhead/TypeAheadElement.ts +27 -9
- package/src/framework/CustomInputElement.ts +18 -0
- package/src/framework/Language/Languages/CzechDictionary.ts +7 -1
- package/src/framework/Language/Languages/DanishDictionary.ts +8 -1
- package/src/framework/Language/Languages/DutchDictionary.ts +7 -1
- package/src/framework/Language/Languages/EnglishDictionary.ts +7 -1
- package/src/framework/Language/Languages/EstonianDictionary.ts +7 -1
- package/src/framework/Language/Languages/FinnishDictionary.ts +7 -1
- package/src/framework/Language/Languages/FrenchDictionary.ts +7 -1
- package/src/framework/Language/Languages/GermanDictionary.ts +7 -1
- package/src/framework/Language/Languages/GreekDictionary.ts +7 -1
- package/src/framework/Language/Languages/HungarianDictionary.ts +7 -1
- package/src/framework/Language/Languages/IcelandicDictionary.ts +7 -1
- package/src/framework/Language/Languages/ItalianDictionary.ts +7 -1
- package/src/framework/Language/Languages/LatvianDictionary.ts +7 -1
- package/src/framework/Language/Languages/LituanianDictionary.ts +7 -1
- package/src/framework/Language/Languages/NorwegianDictionary.ts +7 -1
- package/src/framework/Language/Languages/PolishDictionary.ts +7 -1
- package/src/framework/Language/Languages/PortugueseDictionary.ts +7 -1
- package/src/framework/Language/Languages/SpanishDictionary.ts +7 -1
- package/src/framework/Language/Languages/SwedishDictionary.ts +7 -1
- package/src/framework/Validation/Validators/ResidentIdentification.ts +28 -0
- package/src/elements/Address/html.html +0 -0
|
@@ -66,6 +66,7 @@ var AddressElement = /** @class */ (function (_super) {
|
|
|
66
66
|
});
|
|
67
67
|
AddressElement.prototype.connectedCallback = function () {
|
|
68
68
|
_super.prototype.connectedCallback.call(this);
|
|
69
|
+
_super.prototype.addLabel.call(this, this.address);
|
|
69
70
|
};
|
|
70
71
|
AddressElement.prototype.componentDidMount = function () {
|
|
71
72
|
var _this = this;
|
|
@@ -198,8 +199,8 @@ var AddressElement = /** @class */ (function (_super) {
|
|
|
198
199
|
AddressElement = __decorate([
|
|
199
200
|
(0, custom_element_decorator_1.default)({
|
|
200
201
|
selector: 'address-element',
|
|
201
|
-
template: "\n\t\t\t<div class=\"address-wrapper\">\n\t\t\t\t<input class='address-part' id='address' type=\"text\" placeholder='Address'/>\n\t\t\t\t<input class='address-part' id='zip' type=\"text\" placeholder='Zip'/>\n\t\t\t\t<input class='address-part' id='city' type=\"text\" placeholder='City'/>\n\t\t\t\t<input class='address-part' id='country' type=\"text\" placeholder='Country'/>\n\t\t\t</div>",
|
|
202
|
-
style: ".address-wrapper{\n\t\t\
|
|
202
|
+
template: "\n\t\t\t<div class=\"field-label\">\n\t\t\t</div>\n\t\t\t<div class=\"field-input\">\n\t\t\t\t<div class=\"address-wrapper\">\n\t\t\t\t\t<input class='address-part' id='address' type=\"text\" placeholder='Address'/>\n\t\t\t\t\t<input class='address-part' id='zip' type=\"text\" placeholder='Zip'/>\n\t\t\t\t\t<input class='address-part' id='city' type=\"text\" placeholder='City'/>\n\t\t\t\t\t<input class='address-part' id='country' type=\"text\" placeholder='Country'/>\n\t\t\t\t</div>\n\t\t\t</div>",
|
|
203
|
+
style: "\n\t\t.address-wrapper{\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\t\tinput.address-part{\n\t\t\tbox-sizing: border-box;\n\t\t\tborder: .1rem solid #27282D;\n\t\t\tborder-radius: .25rem;\n\t\t\tmargin: 0.125rem;\n\t\t\tresize: none;\n\t\t\twidth:33% !important;\n\t\t}\n\t\tinput.address-part::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
203
204
|
templatePath: './html.html',
|
|
204
205
|
useShadow: true,
|
|
205
206
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddressElement.js","sourceRoot":"","sources":["../../../src/elements/Address/AddressElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,kEAA6D;AAC7D,iGAA4F;AAC5F,iEAA4D;
|
|
1
|
+
{"version":3,"file":"AddressElement.js","sourceRoot":"","sources":["../../../src/elements/Address/AddressElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -62,6 +62,7 @@ var BankFieldElement = /** @class */ (function (_super) {
|
|
|
62
62
|
});
|
|
63
63
|
BankFieldElement.prototype.connectedCallback = function () {
|
|
64
64
|
_super.prototype.connectedCallback.call(this);
|
|
65
|
+
_super.prototype.addLabel.call(this, this.regNumber);
|
|
65
66
|
};
|
|
66
67
|
BankFieldElement.prototype.componentDidMount = function () {
|
|
67
68
|
var _this = this;
|
|
@@ -120,8 +121,8 @@ var BankFieldElement = /** @class */ (function (_super) {
|
|
|
120
121
|
BankFieldElement = __decorate([
|
|
121
122
|
(0, custom_element_decorator_1.default)({
|
|
122
123
|
selector: 'bank-element',
|
|
123
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='reg-number-field' placeholder='Bank Account Registration Number'/>\n\t\t\t\t<input type=\"text\" id='account-field' placeholder='Bank Account'/>\n\t\t\t</div>",
|
|
124
|
-
style: "\n
|
|
124
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='reg-number-field' placeholder='Bank Account Registration Number'/>\n\t\t\t\t<input type=\"text\" id='account-field' placeholder='Bank Account'/>\n\t\t\t</div>\n\t\t</div>",
|
|
125
|
+
style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper{\n\t\t\tdisplay:flex;\n\t\t}\n\t\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: .1rem solid #27282D;\n\t\t\tborder-radius: .25rem;\n\t\t\tmargin: 0.125rem;\n\t\t\tresize: none;\n\t\t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
125
126
|
useShadow: true,
|
|
126
127
|
})
|
|
127
128
|
], BankFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BankFieldElement.js","sourceRoot":"","sources":["../../../src/elements/BankField/BankFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iFAAqF;AACrF,qHAAyH;AACzH,kEAA6D;
|
|
1
|
+
{"version":3,"file":"BankFieldElement.js","sourceRoot":"","sources":["../../../src/elements/BankField/BankFieldElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,7 @@ var CPRElement = /** @class */ (function (_super) {
|
|
|
52
52
|
});
|
|
53
53
|
CPRElement.prototype.connectedCallback = function () {
|
|
54
54
|
_super.prototype.connectedCallback.call(this);
|
|
55
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
55
56
|
};
|
|
56
57
|
CPRElement.prototype.initChildInputs = function () {
|
|
57
58
|
this.text = _super.prototype.getChildInput.call(this, '#cpr-field');
|
|
@@ -78,8 +79,8 @@ var CPRElement = /** @class */ (function (_super) {
|
|
|
78
79
|
CPRElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'cpr-element',
|
|
81
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cpr-field' placeholder='DDMMYY-SSSS'/>\n\t\t\t</div>",
|
|
82
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
82
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cpr-field' placeholder='DDMMYY-SSSS'/>\n\t\t\t</div>\n\t\t</div>",
|
|
83
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
83
84
|
useShadow: true,
|
|
84
85
|
})
|
|
85
86
|
], CPRElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CPRElement.js","sourceRoot":"","sources":["../../../src/elements/CPRElement/CPRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;
|
|
1
|
+
{"version":3,"file":"CPRElement.js","sourceRoot":"","sources":["../../../src/elements/CPRElement/CPRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;AA2CrE;IAAgC,8BAAkB;IAIjD;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAiB,IAAI,aAAY,EAAE,CAAC;;IAI7C,CAAC;IAED,sBAAI,6BAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,6BAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,sCAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,oCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,YAAY,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAC/B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACF,CAAC;IAED,SAAS;IACF,2BAAM,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,6BAAQ,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;IAlDW,UAAU;QAzCtB,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,kNAOF;YACR,KAAK,EAAE,8mBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,UAAU,CAmDtB;IAAD,iBAAC;CAAA,AAnDD,CAAgC,uCAAkB,GAmDjD;AAnDY,gCAAU"}
|
|
@@ -52,6 +52,7 @@ var CVRElement = /** @class */ (function (_super) {
|
|
|
52
52
|
});
|
|
53
53
|
CVRElement.prototype.connectedCallback = function () {
|
|
54
54
|
_super.prototype.connectedCallback.call(this);
|
|
55
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
55
56
|
};
|
|
56
57
|
CVRElement.prototype.initChildInputs = function () {
|
|
57
58
|
this.text = _super.prototype.getChildInput.call(this, '#cvr-field');
|
|
@@ -78,8 +79,8 @@ var CVRElement = /** @class */ (function (_super) {
|
|
|
78
79
|
CVRElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'cvr-element',
|
|
81
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cvr-field' placeholder='SSSSSSSS'/>\n\t\t\t</div>",
|
|
82
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
82
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='cvr-field' placeholder='SSSSSSSS'/>\n\t\t\t</div>\n\t\t</div>",
|
|
83
|
+
style: "\n\t :host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\t\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
83
84
|
useShadow: true,
|
|
84
85
|
})
|
|
85
86
|
], CVRElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CVRElement.js","sourceRoot":"","sources":["../../../src/elements/CVRElement/CVRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAEtE,iEAAqE;
|
|
1
|
+
{"version":3,"file":"CVRElement.js","sourceRoot":"","sources":["../../../src/elements/CVRElement/CVRElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAEtE,iEAAqE;AA2CrE;IAAgC,8BAAkB;IAIjD;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAiB,IAAI,aAAY,EAAE,CAAC;;IAI7C,CAAC;IAED,sBAAI,6BAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,6BAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,sCAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,oCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,YAAY,CAAC,CAAC;QAC9C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAC/B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACF,CAAC;IAED,SAAS;IACF,2BAAM,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,6BAAQ,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;IAlDW,UAAU;QAzCtB,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,aAAa;YACvB,QAAQ,EAAE,+MAOF;YACR,KAAK,EAAE,gnBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,UAAU,CAmDtB;IAAD,iBAAC;CAAA,AAnDD,CAAgC,uCAAkB,GAmDjD;AAnDY,gCAAU"}
|
|
@@ -57,6 +57,8 @@ var CheckBoxElement = /** @class */ (function (_super) {
|
|
|
57
57
|
});
|
|
58
58
|
CheckBoxElement.prototype.connectedCallback = function () {
|
|
59
59
|
_super.prototype.connectedCallback.call(this);
|
|
60
|
+
var firstCheckbox = _super.prototype.getChildElement.call(this, 'input[type="checkbox"]');
|
|
61
|
+
_super.prototype.addLabel.call(this, firstCheckbox);
|
|
60
62
|
};
|
|
61
63
|
CheckBoxElement.prototype.initChildInputs = function () {
|
|
62
64
|
var _this = this;
|
|
@@ -100,8 +102,8 @@ var CheckBoxElement = /** @class */ (function (_super) {
|
|
|
100
102
|
CheckBoxElement = __decorate([
|
|
101
103
|
(0, custom_element_decorator_1.default)({
|
|
102
104
|
selector: 'checkbox-element',
|
|
103
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
|
|
104
|
-
style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.checkbox {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 0.188rem;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 0.813rem;\n\t\t\t\tmargin-top: 0.25rem;\n\t\t\t}\n\t\t\t.checkbox:first-of-type {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\tinput[type='checkbox']{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder:
|
|
105
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>\n\t\t</div>",
|
|
106
|
+
style: "\n\t\t\t:host{\n\t\t\t\twidth:100%;\n\t\t\t}\n\t\t\t.checkbox {\n\t\t\t\twidth: auto;\n\t\t\t\tmargin: auto 0.188rem;\n\t\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\t\tfont-size: 0.813rem;\n\t\t\t\tmargin-top: 0.25rem;\n\t\t\t}\n\t\t\t.checkbox:first-of-type {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t\tinput[type='checkbox']{\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\twidth: auto !important;\n\t\t\t\tborder: .1rem solid #27282D;\n\t\t\t\tborder-radius: .25rem;\n\t\t\t\tmargin: 0.125rem;\n\t\t\t\tresize: none;\n\t\t\t}\n\t\t\tinput[type='checkbox']::placeholder {\n\t\t\t\tcolor: rgb(117, 117, 117);\n\t\t\t}\n\t\t\tfieldset {\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t\t.field-label {\n\t\t\t\tcolor: #27282d;\n\t\t\t\tfont-size: .75rem;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tword-wrap: break-word;\n\t\t\t}\n\t\t\t.field-input {\n\t\t\t\tfont-size: 0.813rem;\n\t\t\t\tmin-height: 1.438rem;\n\t\t\t}\n\t\t",
|
|
105
107
|
useShadow: true,
|
|
106
108
|
})
|
|
107
109
|
], CheckBoxElement);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"CheckBoxElement.js","sourceRoot":"","sources":["../../../src/elements/CheckBoxElement/CheckBoxElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -51,6 +51,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
51
51
|
});
|
|
52
52
|
CustomFormatDateFieldElement.prototype.connectedCallback = function () {
|
|
53
53
|
_super.prototype.connectedCallback.call(this);
|
|
54
|
+
this.addLabel(this.date);
|
|
54
55
|
};
|
|
55
56
|
CustomFormatDateFieldElement.prototype.initChildInputs = function () {
|
|
56
57
|
var _a;
|
|
@@ -116,8 +117,8 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
116
117
|
CustomFormatDateFieldElement = __decorate([
|
|
117
118
|
(0, custom_element_decorator_1.default)({
|
|
118
119
|
selector: 'custom-format-date-element',
|
|
119
|
-
template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"date-field\">\n\t\t\t<button id=\"picker-trigger\" aria-label=\"Open date picker\">\n\t\t\t\t<svg class=\"svg-picker\" data-toggle viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"18\" rx=\"1\" fill=\"#000\"/><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" fill=\"white\"/><path d=\"M4 10H20\" stroke=\"#000\" stroke-width=\"1\"/><circle cx=\"16\" cy=\"14\" r=\"2\" fill=\"#F44336\"/><rect x=\"6\" y=\"2\" width=\"3\" height=\"4\" rx=\".5\" fill=\"#000\"/><rect x=\"15\" y=\"2\" width=\"3\" height=\"4\" rx=\".5\" fill=\"#000\"/></svg>\n\t\t\t</button>\n\t\t</div>",
|
|
120
|
-
style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.wrapper{\n\t\t\tdisplay:flex;\n\t\t\tposition: relative;\n\t\t}\n\t\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder:
|
|
120
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id=\"date-field\">\n\t\t\t\t<button id=\"picker-trigger\" aria-label=\"Open date picker\">\n\t\t\t\t\t<svg class=\"svg-picker\" data-toggle viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"18\" rx=\"1\" fill=\"#000\"/><rect x=\"4\" y=\"8\" width=\"16\" height=\"12\" fill=\"white\"/><path d=\"M4 10H20\" stroke=\"#000\" stroke-width=\"1\"/><circle cx=\"16\" cy=\"14\" r=\"2\" fill=\"#F44336\"/><rect x=\"6\" y=\"2\" width=\"3\" height=\"4\" rx=\".5\" fill=\"#000\"/><rect x=\"15\" y=\"2\" width=\"3\" height=\"4\" rx=\".5\" fill=\"#000\"/></svg>\n\t\t\t\t</button>\n\t\t\t</div>\n\t\t</div>",
|
|
121
|
+
style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.wrapper{\n\t\t\tdisplay:flex;\n\t\t\tposition: relative;\n\t\t}\n\t\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: .1rem solid #27282D;\n\t\t\tborder-radius: .25rem;\n\t\t\tmargin: 0.125rem;\n\t\t\tresize: none;\n\t\t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t#date-field::after {\n\t\t\tcontent: url('path/to/datepicker-icon.png'); /* Path to your datepicker icon */\n\t\t\tcursor: pointer;\n\t\t\tright: 0.625rem;\n\t\t}\n\t\t.svg-picker {\n\t\t\twidth: 0.938rem;\n\t\t\theight: 0.938rem;\n\t\t}\n\t\t#picker-trigger {\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: none;\n\t\t\twidth: 1.5rem;\n\t\t\theight: 1.5rem;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: flex-end;\n\t\t\tposition:absolute;\n\t\t\tright: 0.125rem;\n\t\t\ttop: 15%;\n\t\t\tpadding: 0;\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
121
122
|
useShadow: true,
|
|
122
123
|
})
|
|
123
124
|
], CustomFormatDateFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomFormatDateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,wEAAmE;AACnE,kFAAuH;
|
|
1
|
+
{"version":3,"file":"CustomFormatDateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -55,6 +55,7 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
|
|
|
55
55
|
});
|
|
56
56
|
CustomRegularExpressionElement.prototype.connectedCallback = function () {
|
|
57
57
|
_super.prototype.connectedCallback.call(this);
|
|
58
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
58
59
|
};
|
|
59
60
|
CustomRegularExpressionElement.prototype.initChildInputs = function () {
|
|
60
61
|
this.text = _super.prototype.getChildInput.call(this, '#regex-field');
|
|
@@ -84,8 +85,8 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
|
|
|
84
85
|
CustomRegularExpressionElement = __decorate([
|
|
85
86
|
(0, custom_element_decorator_1.default)({
|
|
86
87
|
selector: 'regex-element',
|
|
87
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='regex-field'/>\n\t\t\t</div>",
|
|
88
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
88
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='regex-field'/>\n\t\t\t</div>\n\t\t</div>",
|
|
89
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
89
90
|
useShadow: true,
|
|
90
91
|
})
|
|
91
92
|
], CustomRegularExpressionElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomRegularExpressionElement.js","sourceRoot":"","sources":["../../../src/elements/CustomRegularExpression/CustomRegularExpressionElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;
|
|
1
|
+
{"version":3,"file":"CustomRegularExpressionElement.js","sourceRoot":"","sources":["../../../src/elements/CustomRegularExpression/CustomRegularExpressionElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA2CtE;IAAoD,kDAAkB;IAGrE;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,iDAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,iDAAK;aAAT;YACC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;gBACrB,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;aAChC;iBAAM,IAAI,IAAI,CAAC,WAAW,EAAE;gBAC5B,IAAM,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBAC5C,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACpC;QACF,CAAC;;;OAAA;IAED,0DAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,wDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QAChD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SACpD;QACK,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SAC3D;QACP,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACF,CAAC;IAED,SAAS;IACF,+CAAM,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,iDAAQ,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;IAzDW,8BAA8B;QAzC1C,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,0LAOF;YACR,KAAK,EAAE,8mBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,8BAA8B,CA0D1C;IAAD,qCAAC;CAAA,AA1DD,CAAoD,uCAAkB,GA0DrE;AA1DY,wEAA8B"}
|
|
@@ -49,6 +49,7 @@ var DateFieldElement = /** @class */ (function (_super) {
|
|
|
49
49
|
});
|
|
50
50
|
DateFieldElement.prototype.connectedCallback = function () {
|
|
51
51
|
_super.prototype.connectedCallback.call(this);
|
|
52
|
+
_super.prototype.addLabel.call(this, this.date);
|
|
52
53
|
};
|
|
53
54
|
DateFieldElement.prototype.initChildInputs = function () {
|
|
54
55
|
this.date = _super.prototype.getChildInput.call(this, '#date-field');
|
|
@@ -81,8 +82,8 @@ var DateFieldElement = /** @class */ (function (_super) {
|
|
|
81
82
|
DateFieldElement = __decorate([
|
|
82
83
|
(0, custom_element_decorator_1.default)({
|
|
83
84
|
selector: 'date-element',
|
|
84
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"date\" id='date-field'/>\n\t\t\t</div>",
|
|
85
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
85
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"date\" id='date-field'/>\n\t\t\t</div>\n\t\t</div>",
|
|
86
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
86
87
|
useShadow: true,
|
|
87
88
|
})
|
|
88
89
|
], DateFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/DateField/DateFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;
|
|
1
|
+
{"version":3,"file":"DateFieldElement.js","sourceRoot":"","sources":["../../../src/elements/DateField/DateFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA2CtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACxB,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,mCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,4CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,0CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,aAAa,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SACxC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE;YACb,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;SACxC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAC/B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACF,CAAC;IAED,SAAS;IACF,iCAAM,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,mCAAQ,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;IAvDW,gBAAgB;QAzC5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,yLAOF;YACR,KAAK,EAAE,8mBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CAwD5B;IAAD,uBAAC;CAAA,AAxDD,CAAsC,uCAAkB,GAwDvD;AAxDY,4CAAgB"}
|
|
@@ -57,6 +57,7 @@ var DropDownListElement = /** @class */ (function (_super) {
|
|
|
57
57
|
});
|
|
58
58
|
DropDownListElement.prototype.connectedCallback = function () {
|
|
59
59
|
_super.prototype.connectedCallback.call(this);
|
|
60
|
+
_super.prototype.addLabel.call(this, this.select);
|
|
60
61
|
};
|
|
61
62
|
DropDownListElement.prototype.initChildInputs = function () {
|
|
62
63
|
this.select = this.shadowRoot.querySelector('select');
|
|
@@ -98,8 +99,8 @@ var DropDownListElement = /** @class */ (function (_super) {
|
|
|
98
99
|
DropDownListElement = __decorate([
|
|
99
100
|
(0, custom_element_decorator_1.default)({
|
|
100
101
|
selector: 'drop-down-element',
|
|
101
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n <select id='select-list'>\n\t\t\t <option selected disabled>-</option>\n </select>\n\t\t\t</div>",
|
|
102
|
-
style: "\n
|
|
102
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n <select id='select-list'>\n\t\t\t <option selected disabled>-</option>\n </select>\n\t\t\t</div>\n\t\t</div>",
|
|
103
|
+
style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper{\n\t\t\tdisplay:flex;\n\t\t\tjustify-content: center;\n\t\t}\n\t\t.radio-button {\n\t\t\twidth: auto;\n\t\t\tmargin: auto 0.188rem;\n\t\t\tdisplay: flex;\n\t\t\tflex-grow: 0.1;\n\t\t\tjustify-content: space-around;\n\t\t}\n\t\tselect{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: .1rem solid #27282D;\n\t\t\tborder-radius: .25rem;\n\t\t\tmargin: 0.125rem;\n\t\t\tresize: none;\n\t\t}\n\t\tselect::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
103
104
|
useShadow: true,
|
|
104
105
|
})
|
|
105
106
|
], DropDownListElement);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DropDownListElement.js","sourceRoot":"","sources":["../../../src/elements/DropDownList/DropDownListElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -18,4 +18,5 @@ import { TypeAheadElement } from './TypeAhead/TypeAheadElement';
|
|
|
18
18
|
import { SEPersonalNumberElement } from './SEPersonalNumberElement/SEPersonalNumberElement';
|
|
19
19
|
import { SECompanyRegistrationElement } from './SECompanyRegistrationElement/SECompanyRegistrationElement';
|
|
20
20
|
import { CustomFormatDateFieldElement } from './CustomFormatDateFieldElement/CustomFormatDateFieldElement';
|
|
21
|
-
|
|
21
|
+
import { ResidentIdentificationElement } from './ResidentIdentification/ResidentIdentificationElement';
|
|
22
|
+
export { AddressElement, TextFieldElement, EmailFieldElement, CheckBoxElement, RadioButtonGroupElement, TextAreaElement, DropDownListElement, FileFieldElement, NumericFieldElement, CustomRegularExpressionElement, DateFieldElement, CustomFormatDateFieldElement, IntPhoneFieldElement, CPRElement, CVRElement, IdentificationElement, BankFieldElement, TypeAheadElement, SEPersonalNumberElement, SECompanyRegistrationElement, ResidentIdentificationElement, };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.CustomFormatDateFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
|
|
3
|
+
exports.ResidentIdentificationElement = exports.SECompanyRegistrationElement = exports.SEPersonalNumberElement = exports.TypeAheadElement = exports.BankFieldElement = exports.IdentificationElement = exports.CVRElement = exports.CPRElement = exports.IntPhoneFieldElement = exports.CustomFormatDateFieldElement = exports.DateFieldElement = exports.CustomRegularExpressionElement = exports.NumericFieldElement = exports.FileFieldElement = exports.DropDownListElement = exports.TextAreaElement = exports.RadioButtonGroupElement = exports.CheckBoxElement = exports.EmailFieldElement = exports.TextFieldElement = exports.AddressElement = void 0;
|
|
4
4
|
var AddressElement_1 = require("./Address/AddressElement");
|
|
5
5
|
Object.defineProperty(exports, "AddressElement", { enumerable: true, get: function () { return AddressElement_1.AddressElement; } });
|
|
6
6
|
var TextFieldElement_1 = require("./TextField/TextFieldElement");
|
|
@@ -41,4 +41,6 @@ var SECompanyRegistrationElement_1 = require("./SECompanyRegistrationElement/SEC
|
|
|
41
41
|
Object.defineProperty(exports, "SECompanyRegistrationElement", { enumerable: true, get: function () { return SECompanyRegistrationElement_1.SECompanyRegistrationElement; } });
|
|
42
42
|
var CustomFormatDateFieldElement_1 = require("./CustomFormatDateFieldElement/CustomFormatDateFieldElement");
|
|
43
43
|
Object.defineProperty(exports, "CustomFormatDateFieldElement", { enumerable: true, get: function () { return CustomFormatDateFieldElement_1.CustomFormatDateFieldElement; } });
|
|
44
|
+
var ResidentIdentificationElement_1 = require("./ResidentIdentification/ResidentIdentificationElement");
|
|
45
|
+
Object.defineProperty(exports, "ResidentIdentificationElement", { enumerable: true, get: function () { return ResidentIdentificationElement_1.ResidentIdentificationElement; } });
|
|
44
46
|
//# sourceMappingURL=Elements.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Elements.js","sourceRoot":"","sources":["../../src/elements/Elements.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;
|
|
1
|
+
{"version":3,"file":"Elements.js","sourceRoot":"","sources":["../../src/elements/Elements.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAuBzD,+FAvBQ,+BAAc,OAuBR;AAtBf,iEAAgE;AAuB/D,iGAvBQ,mCAAgB,OAuBR;AAtBjB,oEAAmE;AAuBlE,kGAvBQ,qCAAiB,OAuBR;AAtBlB,qEAAoE;AAuBnE,gGAvBQ,iCAAe,OAuBR;AAtBhB,sFAAqF;AAuBpF,wGAvBQ,iDAAuB,OAuBR;AAtBxB,qEAAoE;AAuBnE,gGAvBQ,iCAAe,OAuBR;AAtBhB,0EAAyE;AAuBxE,oGAvBQ,yCAAmB,OAuBR;AAtBpB,iEAAgE;AAuB/D,iGAvBQ,mCAAgB,OAuBR;AAtBjB,0EAAyE;AAuBxE,oGAvBQ,yCAAmB,OAuBR;AAtBpB,2GAA0G;AAuBzG,+GAvBQ,+DAA8B,OAuBR;AAtB/B,iEAAgE;AAuB/D,iGAvBQ,mCAAgB,OAuBR;AAtBjB,2GAAgG;AAwB/F,qGAxBQ,qDAAoB,OAwBR;AAvBrB,sDAAqD;AAwBpD,2FAxBQ,uBAAU,OAwBR;AAvBX,sDAAqD;AAwBpD,2FAxBQ,uBAAU,OAwBR;AAvBX,uFAAsF;AAwBrF,sGAxBQ,6CAAqB,OAwBR;AAvBtB,iEAAgE;AAwB/D,iGAxBQ,mCAAgB,OAwBR;AAvBjB,iEAAgE;AAwB/D,iGAxBQ,mCAAgB,OAwBR;AAvBjB,6FAA4F;AAwBxF,wGAxBK,iDAAuB,OAwBL;AAvB3B,4GAA2G;AAwBvG,6GAxBK,2DAA4B,OAwBL;AAvBhC,4GAA2G;AAe1G,6GAfQ,2DAA4B,OAeR;AAd7B,wGAAuG;AAuBtG,8GAvBQ,6DAA6B,OAuBR"}
|
|
@@ -53,6 +53,7 @@ var EmailFieldElement = /** @class */ (function (_super) {
|
|
|
53
53
|
EmailFieldElement.prototype.connectedCallback = function () {
|
|
54
54
|
this.initChildInputs();
|
|
55
55
|
_super.prototype.connectedCallback.call(this);
|
|
56
|
+
_super.prototype.addLabel.call(this, this.email);
|
|
56
57
|
};
|
|
57
58
|
EmailFieldElement.prototype.initChildInputs = function () {
|
|
58
59
|
this.email = _super.prototype.getChildInput.call(this, '#email-field');
|
|
@@ -82,8 +83,8 @@ var EmailFieldElement = /** @class */ (function (_super) {
|
|
|
82
83
|
EmailFieldElement = __decorate([
|
|
83
84
|
(0, custom_element_decorator_1.default)({
|
|
84
85
|
selector: 'email-element',
|
|
85
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='email-field'/>\n\t\t\t</div>",
|
|
86
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
86
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='email-field'/>\n\t\t\t</div>\n\t\t</div>",
|
|
87
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
87
88
|
useShadow: true,
|
|
88
89
|
})
|
|
89
90
|
], EmailFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailFieldElement.js","sourceRoot":"","sources":["../../../src/elements/EmailField/EmailFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;
|
|
1
|
+
{"version":3,"file":"EmailFieldElement.js","sourceRoot":"","sources":["../../../src/elements/EmailField/EmailFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA2CtE;IAAuC,qCAAkB;IAOxD;QAAA,YACC,iBAAO,SACP;QARD,eAAS,GAAW,IAAI,MAAM,CAC7B,iFAAiF,CACjF,CAAC;;IAMF,CAAC;IAED,sBAAI,oCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,KAAK,CAAC,KAAO,CAAC;QAC9B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC1B,CAAC;;;OAJA;IAMD,sBAAI,oCAAK;aAAT;YACC,IAAM,YAAY,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACpE,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,IAAI,YAAY,CAAC;QAClD,CAAC;;;OAAA;IAED,6CAAiB,GAAjB;QACC,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,2CAAe,GAAf;QACC,IAAI,CAAC,KAAK,GAAG,iBAAM,aAAa,YAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACxC;QACK,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;SAC5D;QACP,IAAI,IAAI,CAAC,YAAY,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;SAC/B;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SAClD;IACF,CAAC;IAED,SAAS;IACF,kCAAM,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,oCAAQ,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;IA1DW,iBAAiB;QAzC7B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,eAAe;YACzB,QAAQ,EAAE,0LAOF;YACR,KAAK,EAAE,8mBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,iBAAiB,CA2D7B;IAAD,wBAAC;CAAA,AA3DD,CAAuC,uCAAkB,GA2DxD;AA3DY,8CAAiB"}
|
|
@@ -90,6 +90,7 @@ var FileFieldElement = /** @class */ (function (_super) {
|
|
|
90
90
|
FileFieldElement.prototype.connectedCallback = function () {
|
|
91
91
|
this.initChildInputs();
|
|
92
92
|
_super.prototype.connectedCallback.call(this);
|
|
93
|
+
_super.prototype.addLabel.call(this, this.file);
|
|
93
94
|
};
|
|
94
95
|
FileFieldElement.prototype.componentDidMount = function () {
|
|
95
96
|
var _this = this;
|
|
@@ -320,8 +321,8 @@ var FileFieldElement = /** @class */ (function (_super) {
|
|
|
320
321
|
FileFieldElement = __decorate([
|
|
321
322
|
(0, custom_element_decorator_1.default)({
|
|
322
323
|
selector: 'file-element',
|
|
323
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"file\" id='file-field' accept=\"image/*,application/pdf\"/>\n\t\t\t</div>",
|
|
324
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
324
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"file\" id='file-field' accept=\"image/*,application/pdf\"/>\n\t\t\t</div>\n\t\t</div>",
|
|
325
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n input::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n .field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
325
326
|
useShadow: true,
|
|
326
327
|
})
|
|
327
328
|
], FileFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileFieldElement.js","sourceRoot":"","sources":["../../../src/elements/FileField/FileFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iGAA4F;AAC5F,8BAAiC;
|
|
1
|
+
{"version":3,"file":"FileFieldElement.js","sourceRoot":"","sources":["../../../src/elements/FileField/FileFieldElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -60,6 +60,7 @@ var IdentificationElement = /** @class */ (function (_super) {
|
|
|
60
60
|
});
|
|
61
61
|
IdentificationElement.prototype.connectedCallback = function () {
|
|
62
62
|
_super.prototype.connectedCallback.call(this);
|
|
63
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
63
64
|
};
|
|
64
65
|
IdentificationElement.prototype.initChildInputs = function () {
|
|
65
66
|
this.text = _super.prototype.getChildInput.call(this, '#id-field');
|
|
@@ -87,8 +88,8 @@ var IdentificationElement = /** @class */ (function (_super) {
|
|
|
87
88
|
IdentificationElement = __decorate([
|
|
88
89
|
(0, custom_element_decorator_1.default)({
|
|
89
90
|
selector: 'id-element',
|
|
90
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n <select id='id-type'>\n <option value='cvr'>Danish CVR</option>\n <option value='cpr'>Danish CPR</option>\n <option value='swe'>Sweden Bank Id</option>\n <option value='nor'>Norway Bank Id</option>\n </select>\n\t\t\t\t<input type=\"text\" id='id-field' placeholder=''/>\n\t\t\t</div>",
|
|
91
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n
|
|
91
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n\t\t\t<div class=\"wrapper\">\n <select id='id-type'>\n <option value='cvr'>Danish CVR</option>\n <option value='cpr'>Danish CPR</option>\n <option value='swe'>Sweden Bank Id</option>\n <option value='nor'>Norway Bank Id</option>\n </select>\n\t\t\t\t<input type=\"text\" id='id-field' placeholder=''/>\n\t\t\t</div>\n\t\t</div>",
|
|
92
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \tinput, select{\n box-sizing: border-box;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n \tinput{\n width: 75% !important;\n \t}\n \tselect{\n width: 25% !important;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t",
|
|
92
93
|
useShadow: true,
|
|
93
94
|
})
|
|
94
95
|
], IdentificationElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IdentificationElement.js","sourceRoot":"","sources":["../../../src/elements/IdentificationElement/IdentificationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;AAErE,iEAAqE;AACrE,mFAAuF;AACvF,mFAAuF;
|
|
1
|
+
{"version":3,"file":"IdentificationElement.js","sourceRoot":"","sources":["../../../src/elements/IdentificationElement/IdentificationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,iEAAqE;AAErE,iEAAqE;AACrE,mFAAuF;AACvF,mFAAuF;AAsDvF;IAA2C,yCAAkB;IAY5D;QAAA,YACC,iBAAO,SACP;QATD,gBAAU,GAAoC;YAC7C,GAAG,EAAE,IAAI,aAAY,EAAE;YACvB,GAAG,EAAE,IAAI,aAAY,EAAE;YACvB,GAAG,EAAE,IAAI,sBAAqB,EAAE;YAChC,GAAG,EAAE,IAAI,sBAAqB,EAAE;SAChC,CAAC;;IAIF,CAAC;IAED,sBAAI,wCAAK;aAAT;YACC,OAAO,KAAG,IAAI,CAAC,IAAI,CAAC,KAAO,CAAC;QAC7B,CAAC;aAED,UAAU,KAAa;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACzB,CAAC;;;OAJA;IAMD,sBAAI,wCAAK;aAAT;YACC,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,aAAa,CAC9C,IAAI,CAAC,KAAK,EACV,CAAC,IAAI,CAAC,QAAQ,CACd,CAAC;QACH,CAAC;;;OAAA;IAED,iDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,+CAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,YAAY,GAAG,iBAAM,aAAa,YAAC,UAAU,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACrE,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;SACvC;QACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACpC,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;IACF,CAAC;IAED,SAAS;IACF,sCAAM,GAAb,UAAc,MAAM;QACnB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;QACpC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,qCAAsB,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IACtE,CAAC;IAEM,wCAAQ,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;IA9DW,qBAAqB;QApDjC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,YAAY;YACtB,QAAQ,EAAE,ogBAaF;YACR,KAAK,EAAE,wsBAiCN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,qBAAqB,CA+DjC;IAAD,4BAAC;CAAA,AA/DD,CAA2C,uCAAkB,GA+D5D;AA/DY,sDAAqB"}
|
|
@@ -57,6 +57,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
|
|
|
57
57
|
IntPhoneFieldElement.prototype.connectedCallback = function () {
|
|
58
58
|
this.setIntlTelInput();
|
|
59
59
|
_super.prototype.connectedCallback.call(this);
|
|
60
|
+
_super.prototype.addLabel.call(this, this.phone);
|
|
60
61
|
};
|
|
61
62
|
IntPhoneFieldElement.prototype.initChildInputs = function () {
|
|
62
63
|
this.phone.addEventListener('change', this.change.bind(this));
|
|
@@ -123,8 +124,8 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
|
|
|
123
124
|
IntPhoneFieldElement = __decorate([
|
|
124
125
|
(0, custom_element_decorator_1.default)({
|
|
125
126
|
selector: 'int-phone-element',
|
|
126
|
-
template: "\n <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/css/intlTelInput.css\" >\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"tel\" id=\"phone-field\" />\n\t\t\t</div>",
|
|
127
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n .iti {\n
|
|
127
|
+
template: "\n\t\t<div class=\"field-label\">\n\t\t</div>\n\t\t<div class=\"field-input\">\n <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/css/intlTelInput.css\" >\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"tel\" id=\"phone-field\" />\n\t\t\t</div>\n\t\t</div>",
|
|
128
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n \t.iti {\n \twidth: 100% !important;\n \t}\n \tinput{\n box-sizing: border-box;\n width: 100% !important;\n border: .1rem solid #27282D;\n border-radius: .25rem;\n margin: 0.125rem;\n resize: none;\n \t}\n\t\tinput::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.field-label {\n\t\t\tcolor: #27282d;\n\t\t\tfont-size: .75rem;\n\t\t\tfont-weight: 600;\n\t\t\tword-wrap: break-word;\n\t\t}\n\t\t.field-input {\n\t\t\tfont-size: 0.813rem;\n\t\t\tmin-height: 1.438rem;\n\t\t}\n\t\t@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t\t\t.iti__flag {\n\t\t\tbackground-image: url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/16.0.0/img/flags@2x.png'), url(" + (0, Flags2x_1.default)() + ");\n\t\t\t}\n\t\t}\n\t",
|
|
128
129
|
useShadow: true,
|
|
129
130
|
})
|
|
130
131
|
], IntPhoneFieldElement);
|