@luftborn/custom-elements 2.14.0 → 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 +83 -43
- package/demo/index.min.js +82 -42
- 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/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.js +3 -2
- package/dist/elements/ResidentIdentification/ResidentIdentificationElement.js.map +1 -1
- 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/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/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 +33 -14
- 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/elements/Address/html.html +0 -0
|
@@ -60,6 +60,8 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
|
|
|
60
60
|
});
|
|
61
61
|
RadioButtonGroupElement.prototype.connectedCallback = function () {
|
|
62
62
|
_super.prototype.connectedCallback.call(this);
|
|
63
|
+
var firstRadioButton = _super.prototype.getChildElement.call(this, 'input[type="radio"]');
|
|
64
|
+
_super.prototype.addLabel.call(this, firstRadioButton);
|
|
63
65
|
};
|
|
64
66
|
RadioButtonGroupElement.prototype.initChildInputs = function () {
|
|
65
67
|
var _this = this;
|
|
@@ -99,8 +101,8 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
|
|
|
99
101
|
RadioButtonGroupElement = __decorate([
|
|
100
102
|
(0, custom_element_decorator_1.default)({
|
|
101
103
|
selector: 'radio-group-element',
|
|
102
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t</div>",
|
|
103
|
-
style: "\n\t\t
|
|
104
|
+
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>",
|
|
105
|
+
style: "\n\t\t:host{\n\t\t\twidth:100%;\n\t\t}\n\t\t.radio-button {\n\t\t\twidth: auto;\n\t\t\tmargin: auto 0.188rem;\n\t\t\tcolor: rgba(72, 72, 72, 0.75);\n\t\t\tfont-size: 0.813rem;\n\t\t\tmargin-top: 0.25rem;\n\t\t}\n\t\t.radio-button:first-of-type {\n\t\t\tmargin-top: 0;\n\t\t}\n\t\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: auto !important;\n\t\t\tborder: .1rem solid #27282D;\n\t\t\tborder-radius: .25rem;\n\t\t\tmargin: 0.2rem;\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\tfieldset {\n\t\t\tborder: none;\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",
|
|
104
106
|
useShadow: true,
|
|
105
107
|
})
|
|
106
108
|
], RadioButtonGroupElement);
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"RadioButtonGroupElement.js","sourceRoot":"","sources":["../../../src/elements/RadioButtonGroup/RadioButtonGroupElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -63,6 +63,7 @@ var ResidentIdentificationElement = /** @class */ (function (_super) {
|
|
|
63
63
|
});
|
|
64
64
|
ResidentIdentificationElement.prototype.connectedCallback = function () {
|
|
65
65
|
_super.prototype.connectedCallback.call(this);
|
|
66
|
+
_super.prototype.addLabel.call(this, this.company);
|
|
66
67
|
};
|
|
67
68
|
ResidentIdentificationElement.prototype.componentDidMount = function () {
|
|
68
69
|
var _this = this;
|
|
@@ -132,8 +133,8 @@ var ResidentIdentificationElement = /** @class */ (function (_super) {
|
|
|
132
133
|
ResidentIdentificationElement = __decorate([
|
|
133
134
|
(0, custom_element_decorator_1.default)({
|
|
134
135
|
selector: 'resident-identification-element',
|
|
135
|
-
template: "\n\t\t\t<div class=\"field-wrapper\">\n\t\t\t\t<input class='field-part' id='company' type=\"text\" placeholder='Company'/>\n\t\t\t\t<input class='field-part' id='property' type=\"text\" placeholder='Property'/>\n\t\t\t\t<input class='field-part' id='tenancy' type=\"text\" placeholder='Tenancy'/>\n\t\t\t\t<input class='field-part' id='tenant' type=\"text\" placeholder='Tenant'/>\n\t\t\t</div>",
|
|
136
|
-
style: ".field-wrapper{\n\t\t\
|
|
136
|
+
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=\"field-wrapper\">\n\t\t\t\t<input class='field-part' id='company' type=\"text\" placeholder='Company'/>\n\t\t\t\t<input class='field-part' id='property' type=\"text\" placeholder='Property'/>\n\t\t\t\t<input class='field-part' id='tenancy' type=\"text\" placeholder='Tenancy'/>\n\t\t\t\t<input class='field-part' id='tenant' type=\"text\" placeholder='Tenant'/>\n\t\t\t</div>\n\t\t</div>",
|
|
137
|
+
style: "\n\t\t.field-wrapper{\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: nowrap;\n\t\t}\n\t\tinput.field-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.field-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",
|
|
137
138
|
templatePath: './html.html',
|
|
138
139
|
useShadow: true,
|
|
139
140
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResidentIdentificationElement.js","sourceRoot":"","sources":["../../../src/elements/ResidentIdentification/ResidentIdentificationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,kEAA6D;AAC7D,iGAA4F;AAC5F,uGAA2G;
|
|
1
|
+
{"version":3,"file":"ResidentIdentificationElement.js","sourceRoot":"","sources":["../../../src/elements/ResidentIdentification/ResidentIdentificationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,kEAA6D;AAC7D,iGAA4F;AAC5F,uGAA2G;AA6C3G;IAAmD,iDAAkB;IAOpE;QAAA,YACC,iBAAO,SAEP;QALD,eAAS,GAAoC,IAAI,gCAA+B,EAAE,CAAC;QAIlF,IAAA,mCAAyB,GAAE,CAAC;;IAC7B,CAAC;IAED,sBAAI,gDAAK;aAAT;YACC,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;YACvC,IAAI,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAI,IAAI,CAAC,QAAQ,CAAC,KAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACpE,IAAI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,MAAI,IAAI,CAAC,OAAO,CAAC,KAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACjE,IAAI,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAI,IAAI,CAAC,MAAM,CAAC,KAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,OAAO,KAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAQ,CAAC;QACnD,CAAC;aAED,UAAU,KAAa;YACtB,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;;;OARA;IAUD,sBAAI,gDAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,yDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC9B,CAAC;IAED,yDAAiB,GAAjB;QAAA,iBAMC;QALA,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAA,aAAa;YAC7C,IAAI,cAAc,GAAG,KAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;YACtD,KAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,IAAI,EAAE,cAAc,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,uDAAe,GAAf;QACC,IAAI,CAAC,OAAO,GAAG,iBAAM,aAAa,YAAC,UAAU,CAAC,CAAC;QAC/C,IAAI,CAAC,QAAQ,GAAG,iBAAM,aAAa,YAAC,WAAW,CAAC,CAAC;QACjD,IAAI,CAAC,OAAO,GAAG,iBAAM,aAAa,YAAC,UAAU,CAAC,CAAC;QAC/C,IAAI,CAAC,MAAM,GAAG,iBAAM,aAAa,YAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACjE,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC/D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAClD,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YACnD,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;YAClD,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;SACjD;QACD,IAAI,IAAI,CAAC,KAAK,EAAE;YACf,IAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;YAChE,IAAI,OAAO,EAAE;gBACZ,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;aAC/C;SACD;IACF,CAAC;IAED,SAAS;IACF,8CAAM,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,gDAAQ,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;IAED,sDAAc,GAAd,UAAe,QAAgB;QAC9B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YACrE,OAAO;SACP;QACD,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,oBAAU,CAAC,SAAS,CAAC,uCAAuC,EAAE,QAAQ,CAAC,CAAC;QACnG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,oBAAU,CAAC,SAAS,CAAC,wCAAwC,EAAE,QAAQ,CAAC,CAAC;QACrG,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,oBAAU,CAAC,SAAS,CAAC,uCAAuC,EAAE,QAAQ,CAAC,CAAC;QACnG,IAAI,CAAC,MAAM,CAAC,WAAW,GAAG,oBAAU,CAAC,SAAS,CAAC,sCAAsC,EAAE,QAAQ,CAAC,CAAC;IAClG,CAAC;IAED,sBAAW,mDAAkB;aAA7B;YACC,OAAO,CAAC,UAAU,CAAC,CAAC;QACrB,CAAC;;;OAAA;IACD,gEAAwB,GAAxB,UAAyB,IAAY,EAAE,MAAc,EAAE,MAAc;QACpE,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;IACO,wDAAgB,GAAxB,UAAyB,IAAY,EAAE,MAAc,EAAE,MAAc;QACpE,QAAQ,IAAI,EAAE;YACb,KAAK,UAAU;gBACd,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;gBAC3B,MAAM;SACP;IACF,CAAC;IAvGW,6BAA6B;QA3CzC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,iCAAiC;YAC3C,QAAQ,EAAE,ueAUF;YACR,KAAK,EAAE,ikBA0BN;YACD,YAAY,EAAE,aAAa;YAC3B,SAAS,EAAE,IAAI;SACf,CAAC;OACW,6BAA6B,CAwGzC;IAAD,oCAAC;CAAA,AAxGD,CAAmD,uCAAkB,GAwGpE;AAxGY,sEAA6B"}
|
|
@@ -52,6 +52,7 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
|
|
|
52
52
|
});
|
|
53
53
|
SECompanyRegistrationElement.prototype.connectedCallback = function () {
|
|
54
54
|
_super.prototype.connectedCallback.call(this);
|
|
55
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
55
56
|
};
|
|
56
57
|
SECompanyRegistrationElement.prototype.initChildInputs = function () {
|
|
57
58
|
this.text = _super.prototype.getChildInput.call(this, '#se-company-registration-field');
|
|
@@ -78,8 +79,8 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
|
|
|
78
79
|
SECompanyRegistrationElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'se-company-registration-element',
|
|
81
|
-
template: "\n
|
|
82
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n input{\n box-sizing: border-box;\n width: 100% !important;\n border:
|
|
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='se-company-registration-field' placeholder='SSSSSSSSSS'/>\n\t\t\t</div>\t\n </div>",
|
|
83
|
+
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n input{\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 }\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
|
], SECompanyRegistrationElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SECompanyRegistrationElement.js","sourceRoot":"","sources":["../../../src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,qGAAyG;
|
|
1
|
+
{"version":3,"file":"SECompanyRegistrationElement.js","sourceRoot":"","sources":["../../../src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,qGAAyG;AA2CzG;IAAkD,gDAAkB;IAInE;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAAmC,IAAI,+BAA8B,EAAE,CAAC;;IAIjF,CAAC;IAED,sBAAI,+CAAK;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,+CAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,wDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,sDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,gCAAgC,CAAC,CAAC;QAClE,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,6CAAM,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,+CAAQ,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,4BAA4B;QAzCxC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,iCAAiC;YAC3C,QAAQ,EAAE,2OAOI;YACd,KAAK,EAAE,0nBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,4BAA4B,CAmDxC;IAAD,mCAAC;CAAA,AAnDD,CAAkD,uCAAkB,GAmDnE;AAnDY,oEAA4B"}
|
|
@@ -52,6 +52,7 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
|
|
|
52
52
|
});
|
|
53
53
|
SEPersonalNumberElement.prototype.connectedCallback = function () {
|
|
54
54
|
_super.prototype.connectedCallback.call(this);
|
|
55
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
55
56
|
};
|
|
56
57
|
SEPersonalNumberElement.prototype.initChildInputs = function () {
|
|
57
58
|
this.text = _super.prototype.getChildInput.call(this, '#se-personal-number-field');
|
|
@@ -78,8 +79,8 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
|
|
|
78
79
|
SEPersonalNumberElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'se-personal-number-element',
|
|
81
|
-
template: "\n
|
|
82
|
-
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n input{\n box-sizing: border-box;\n width: 100% !important;\n border:
|
|
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='se-personal-number-field' placeholder='(YY)YYMMDD-SSSS'/>\n\t\t\t</div>\n </div>",
|
|
83
|
+
style: "\n :host{\n width:100%;\n }\n .wrapper{\n display:flex;\n }\n input{\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 }\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
|
], SEPersonalNumberElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SEPersonalNumberElement.js","sourceRoot":"","sources":["../../../src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,2FAA+F;
|
|
1
|
+
{"version":3,"file":"SEPersonalNumberElement.js","sourceRoot":"","sources":["../../../src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AACtE,2FAA+F;AA2C/F;IAA6C,2CAAkB;IAI9D;QAAA,YACC,iBAAO,SACP;QAJD,eAAS,GAA8B,IAAI,0BAAyB,EAAE,CAAC;;IAIvE,CAAC;IAED,sBAAI,0CAAK;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,0CAAK;aAAT;YACC,OAAO,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACjE,CAAC;;;OAAA;IAED,mDAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,iDAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,2BAA2B,CAAC,CAAC;QAC7D,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,wCAAM,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,0CAAQ,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,uBAAuB;QAzCnC,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,4BAA4B;YACtC,QAAQ,EAAE,yOAOI;YACd,KAAK,EAAE,0nBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,uBAAuB,CAmDnC;IAAD,8BAAC;CAAA,AAnDD,CAA6C,uCAAkB,GAmD9D;AAnDY,0DAAuB"}
|
|
@@ -49,6 +49,7 @@ var TextAreaElement = /** @class */ (function (_super) {
|
|
|
49
49
|
});
|
|
50
50
|
TextAreaElement.prototype.connectedCallback = function () {
|
|
51
51
|
_super.prototype.connectedCallback.call(this);
|
|
52
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
52
53
|
};
|
|
53
54
|
TextAreaElement.prototype.initChildInputs = function () {
|
|
54
55
|
this.text = _super.prototype.getChildInput.call(this, '#text-area-field');
|
|
@@ -78,8 +79,8 @@ var TextAreaElement = /** @class */ (function (_super) {
|
|
|
78
79
|
TextAreaElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'text-area-element',
|
|
81
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<textarea rows=5 id='text-area-field'></textarea>\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<textarea rows=5 id='text-area-field'></textarea>\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 \ttextarea{\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\ttextarea::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
|
], TextAreaElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/elements/TextAreaElement/TextAreaElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;
|
|
1
|
+
{"version":3,"file":"TextAreaElement.js","sourceRoot":"","sources":["../../../src/elements/TextAreaElement/TextAreaElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA2CtE;IAAqC,mCAAkB;IAGtD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,kCAAK;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,kCAAK;aAAT;YACC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACjC,CAAC;;;OAAA;IAED,2CAAiB,GAAjB;QACC,iBAAM,iBAAiB,WAAE,CAAC;QAC1B,iBAAM,QAAQ,YAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,yCAAe,GAAf;QACC,IAAI,CAAC,IAAI,GAAG,iBAAM,aAAa,YAAC,kBAAkB,CAAC,CAAC;QACpD,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;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,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,gCAAM,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,kCAAQ,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;IApDW,eAAe;QAzC3B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,mBAAmB;YAC7B,QAAQ,EAAE,oMAOF;YACR,KAAK,EAAE,onBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,eAAe,CAqD3B;IAAD,sBAAC;CAAA,AArDD,CAAqC,uCAAkB,GAqDtD;AArDY,0CAAe"}
|
|
@@ -49,6 +49,7 @@ var TextFieldElement = /** @class */ (function (_super) {
|
|
|
49
49
|
});
|
|
50
50
|
TextFieldElement.prototype.connectedCallback = function () {
|
|
51
51
|
_super.prototype.connectedCallback.call(this);
|
|
52
|
+
_super.prototype.addLabel.call(this, this.text);
|
|
52
53
|
};
|
|
53
54
|
TextFieldElement.prototype.initChildInputs = function () {
|
|
54
55
|
this.text = _super.prototype.getChildInput.call(this, '#text-field');
|
|
@@ -78,8 +79,8 @@ var TextFieldElement = /** @class */ (function (_super) {
|
|
|
78
79
|
TextFieldElement = __decorate([
|
|
79
80
|
(0, custom_element_decorator_1.default)({
|
|
80
81
|
selector: 'text-element',
|
|
81
|
-
template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field' />\n\t\t\t</div
|
|
82
|
-
style: "\n\t:host{\n\t\t\twidth:100%;\n\t}\n\t.wrapper{\n\t\t\tdisplay:flex;\n\t}\n\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder:
|
|
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='text-field' />\n\t\t\t</div>\n\t\t</div>\n\t",
|
|
83
|
+
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",
|
|
83
84
|
useShadow: true,
|
|
84
85
|
})
|
|
85
86
|
], TextFieldElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../src/elements/TextField/TextFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;
|
|
1
|
+
{"version":3,"file":"TextFieldElement.js","sourceRoot":"","sources":["../../../src/elements/TextField/TextFieldElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AA4CtE;IAAsC,oCAAkB;IAGvD;eACC,iBAAO;IACR,CAAC;IAED,sBAAI,mCAAK;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,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;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,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;IApDW,gBAAgB;QA1C5B,IAAA,kCAAa,EAAC;YACd,QAAQ,EAAE,cAAc;YACxB,QAAQ,EAAE,8LAQT;YACD,KAAK,EAAE,kjBA4BN;YACD,SAAS,EAAE,IAAI;SACf,CAAC;OACW,gBAAgB,CAqD5B;IAAD,uBAAC;CAAA,AArDD,CAAsC,uCAAkB,GAqDvD;AArDY,4CAAgB"}
|
|
@@ -77,6 +77,7 @@ var TypeAheadElement = /** @class */ (function (_super) {
|
|
|
77
77
|
});
|
|
78
78
|
TypeAheadElement.prototype.connectedCallback = function () {
|
|
79
79
|
_super.prototype.connectedCallback.call(this);
|
|
80
|
+
_super.prototype.addLabel.call(this, this.textInputElement);
|
|
80
81
|
};
|
|
81
82
|
TypeAheadElement.prototype.initChildInputs = function () {
|
|
82
83
|
var _this = this;
|
|
@@ -225,8 +226,8 @@ var TypeAheadElement = /** @class */ (function (_super) {
|
|
|
225
226
|
TypeAheadElement = __decorate([
|
|
226
227
|
(0, custom_element_decorator_1.default)({
|
|
227
228
|
selector: 'type-ahead-element',
|
|
228
|
-
template: "\n\t\t<div class=\"wrapper\" role=\"combobox\" aria-expanded=\"false\" aria-owns=\"options-list\" aria-haspopup=\"listbox\">\n\t\t\t<input type=\"text\" id=\"text-input\" aria-autocomplete=\"list\" aria-controls=\"options-list\" aria-activedescendant=\"\" role=\"textbox\">\n\t\t\t<div id=\"description\" aria-live=\"polite\"></div>\n\t\t\t<div id=\"options-list\" role=\"listbox\" class=\"options-list\" hidden>\n\t\t\t\t<!-- Options will be dynamically added here -->\n\t\t\t</div>\n\t\t</div>",
|
|
229
|
-
style: "\n\t\t:host {\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper {\n\t\t\tposition: relative;\n\t\t\tdisplay:flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t\t
|
|
229
|
+
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\" role=\"combobox\" aria-expanded=\"false\" aria-owns=\"options-list\" aria-haspopup=\"listbox\">\n\t\t\t\t<input type=\"text\" class=\"text-input\" id=\"text-input\" aria-autocomplete=\"list\" aria-controls=\"options-list\" aria-activedescendant=\"\" role=\"textbox\">\n\t\t\t\t<div id=\"description\" aria-live=\"polite\"></div>\n\t\t\t\t<div id=\"options-list\" role=\"listbox\" class=\"options-list\" hidden>\n\t\t\t\t\t<!-- Options will be dynamically added here -->\n\t\t\t\t</div>\n\t\t\t</div>\t\n\t\t</div>",
|
|
230
|
+
style: "\n\t\t:host {\n\t\t\twidth:100%;\n\t\t}\n\t\t.wrapper {\n\t\t\tposition: relative;\n\t\t\tdisplay:flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t\t.text-input {\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\t.text-input::placeholder {\n\t\t\tcolor: rgb(117, 117, 117);\n\t\t}\n\t\t.wrapper #description {\n\t\t\twidth: 100%;\n\t\t\tpadding: 0 0.125rem;\n\t\t\tbox-sizing: border-box;\n\t\t}\n\t\t.options-list {\n\t\t\tposition: absolute;\n\t\t\tborder: 0.063rem solid #E8E8E8;\n\t\t\tborder-bottom: none;\n\t\t\tborder-top: none;\n\t\t\tz-index: 3;\n\t\t\ttop: 100%;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmax-height: 12.5rem;\n\t\t\toverflow-y: auto;\n\t\t}\n\t\t.options-list-item {\n\t\t\tpadding: 0.625rem;\n\t\t\tcursor: pointer;\n\t\t\tbackground-color: #FFFFFF;\n\t\t\tborder-bottom: 0.063rem solid #E8E8E8;\n\t\t}\n\t\t.options-list-item:hover {\n\t\t\tbackground-color: #E8E8E8;\n\t\t}\n\t\t.options-list-item.active {\n\t\t\tbackground-color: #003E64 !important;\n\t\t\tcolor: #FFFFFF;\n\t\t}\n\t\t.options-list-item-title {\n\t\t\tfont-size: 1rem;\n\t\t}\n\t\t.options-list-item-description {\n\t\t\tfont-size: 0.625rem;\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",
|
|
230
231
|
useShadow: true,
|
|
231
232
|
})
|
|
232
233
|
], TypeAheadElement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeAheadElement.js","sourceRoot":"","sources":["../../../src/elements/TypeAhead/TypeAheadElement.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,qFAAqE;AACrE,yEAAwE;AACxE,6DAAsE;AAEtE,mEAA8D;
|
|
1
|
+
{"version":3,"file":"TypeAheadElement.js","sourceRoot":"","sources":["../../../src/elements/TypeAhead/TypeAheadElement.ts"],"names":[],"mappings":"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"}
|
|
@@ -49,6 +49,7 @@ export declare abstract class CustomInputElement extends HTMLElement {
|
|
|
49
49
|
protected getChildInputs(selector: string): HTMLInputElement[];
|
|
50
50
|
protected getChildElement(selector: string): HTMLElement;
|
|
51
51
|
protected getChildElements(selector: string): HTMLElement[];
|
|
52
|
+
protected addLabel(inputField: HTMLInputElement | HTMLSelectElement): void;
|
|
52
53
|
RegisterDependentOn(name: string, initialValue?: boolean): void;
|
|
53
54
|
DependentOnStateChanged(name: string, state: boolean): void;
|
|
54
55
|
}
|
|
@@ -252,6 +252,23 @@ var CustomInputElement = /** @class */ (function (_super) {
|
|
|
252
252
|
}
|
|
253
253
|
return element.querySelectorAll(selector);
|
|
254
254
|
};
|
|
255
|
+
CustomInputElement.prototype.addLabel = function (inputField) {
|
|
256
|
+
if (this.label) {
|
|
257
|
+
var randomId = Math.random().toString(36).substring(2, 15);
|
|
258
|
+
inputField.id = "text-field-" + randomId;
|
|
259
|
+
var newLabel = document.createElement('label');
|
|
260
|
+
newLabel.setAttribute('for', inputField.id);
|
|
261
|
+
newLabel.classList.add('field-label');
|
|
262
|
+
newLabel.textContent = this.label + ": ";
|
|
263
|
+
var fieldLabel = this.shadowRoot.querySelector('.field-label');
|
|
264
|
+
if (fieldLabel) {
|
|
265
|
+
fieldLabel.appendChild(newLabel);
|
|
266
|
+
}
|
|
267
|
+
if (this.required) {
|
|
268
|
+
newLabel.innerHTML += '<span style="color: #e00040">*</span>';
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
};
|
|
255
272
|
CustomInputElement.prototype.RegisterDependentOn = function (name, initialValue) {
|
|
256
273
|
if (initialValue === void 0) { initialValue = false; }
|
|
257
274
|
this.dependentOnList[name] = initialValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CustomInputElement.js","sourceRoot":"","sources":["../../src/framework/CustomInputElement.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -8,25 +8,43 @@ import debouncer from "../../framework/Utilities/debouncer";
|
|
|
8
8
|
@CustomElement({
|
|
9
9
|
selector: 'address-element',
|
|
10
10
|
template: `
|
|
11
|
-
<div class="
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
<
|
|
15
|
-
|
|
11
|
+
<div class="field-label">
|
|
12
|
+
</div>
|
|
13
|
+
<div class="field-input">
|
|
14
|
+
<div class="address-wrapper">
|
|
15
|
+
<input class='address-part' id='address' type="text" placeholder='Address'/>
|
|
16
|
+
<input class='address-part' id='zip' type="text" placeholder='Zip'/>
|
|
17
|
+
<input class='address-part' id='city' type="text" placeholder='City'/>
|
|
18
|
+
<input class='address-part' id='country' type="text" placeholder='Country'/>
|
|
19
|
+
</div>
|
|
16
20
|
</div>`,
|
|
17
|
-
style:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
style: `
|
|
22
|
+
.address-wrapper{
|
|
23
|
+
display: flex;
|
|
24
|
+
flex-wrap: nowrap;
|
|
25
|
+
}
|
|
26
|
+
input.address-part{
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
border: .1rem solid #27282D;
|
|
29
|
+
border-radius: .25rem;
|
|
30
|
+
margin: 0.125rem;
|
|
31
|
+
resize: none;
|
|
32
|
+
width:33% !important;
|
|
33
|
+
}
|
|
34
|
+
input.address-part::placeholder {
|
|
35
|
+
color: rgb(117, 117, 117);
|
|
36
|
+
}
|
|
37
|
+
.field-label {
|
|
38
|
+
color: #27282d;
|
|
39
|
+
font-size: .75rem;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
word-wrap: break-word;
|
|
42
|
+
}
|
|
43
|
+
.field-input {
|
|
44
|
+
font-size: 0.813rem;
|
|
45
|
+
min-height: 1.438rem;
|
|
46
|
+
}
|
|
47
|
+
`,
|
|
30
48
|
templatePath: './html.html',
|
|
31
49
|
useShadow: true,
|
|
32
50
|
})
|
|
@@ -73,6 +91,7 @@ export class AddressElement extends CustomInputElement {
|
|
|
73
91
|
|
|
74
92
|
connectedCallback(): void {
|
|
75
93
|
super.connectedCallback();
|
|
94
|
+
super.addLabel(this.address);
|
|
76
95
|
}
|
|
77
96
|
|
|
78
97
|
componentDidMount() {
|
|
@@ -8,26 +8,43 @@ import Translator from '../../framework/Language/Translator';
|
|
|
8
8
|
@CustomElement({
|
|
9
9
|
selector: 'bank-element',
|
|
10
10
|
template: `
|
|
11
|
+
<div class="field-label">
|
|
12
|
+
</div>
|
|
13
|
+
<div class="field-input">
|
|
11
14
|
<div class="wrapper">
|
|
12
15
|
<input type="text" id='reg-number-field' placeholder='Bank Account Registration Number'/>
|
|
13
16
|
<input type="text" id='account-field' placeholder='Bank Account'/>
|
|
14
|
-
</div
|
|
17
|
+
</div>
|
|
18
|
+
</div>`,
|
|
15
19
|
style: `
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
:host{
|
|
21
|
+
width:100%;
|
|
22
|
+
}
|
|
23
|
+
.wrapper{
|
|
24
|
+
display:flex;
|
|
25
|
+
}
|
|
26
|
+
input{
|
|
27
|
+
box-sizing: border-box;
|
|
28
|
+
width: 100% !important;
|
|
29
|
+
border: .1rem solid #27282D;
|
|
30
|
+
border-radius: .25rem;
|
|
31
|
+
margin: 0.125rem;
|
|
32
|
+
resize: none;
|
|
33
|
+
}
|
|
34
|
+
input::placeholder {
|
|
35
|
+
color: rgb(117, 117, 117);
|
|
36
|
+
}
|
|
37
|
+
.field-label {
|
|
38
|
+
color: #27282d;
|
|
39
|
+
font-size: .75rem;
|
|
40
|
+
font-weight: 600;
|
|
41
|
+
word-wrap: break-word;
|
|
42
|
+
}
|
|
43
|
+
.field-input {
|
|
44
|
+
font-size: 0.813rem;
|
|
45
|
+
min-height: 1.438rem;
|
|
46
|
+
}
|
|
47
|
+
`,
|
|
31
48
|
useShadow: true,
|
|
32
49
|
})
|
|
33
50
|
export class BankFieldElement extends CustomInputElement {
|
|
@@ -69,6 +86,7 @@ export class BankFieldElement extends CustomInputElement {
|
|
|
69
86
|
|
|
70
87
|
connectedCallback(): void {
|
|
71
88
|
super.connectedCallback();
|
|
89
|
+
super.addLabel(this.regNumber);
|
|
72
90
|
}
|
|
73
91
|
|
|
74
92
|
componentDidMount() {
|
|
@@ -6,25 +6,42 @@ import CprValidator from '../../framework/Validation/Validators/CPR';
|
|
|
6
6
|
@CustomElement({
|
|
7
7
|
selector: 'cpr-element',
|
|
8
8
|
template: `
|
|
9
|
+
<div class="field-label">
|
|
10
|
+
</div>
|
|
11
|
+
<div class="field-input">
|
|
9
12
|
<div class="wrapper">
|
|
10
13
|
<input type="text" id='cpr-field' placeholder='DDMMYY-SSSS'/>
|
|
11
|
-
</div
|
|
14
|
+
</div>
|
|
15
|
+
</div>`,
|
|
12
16
|
style: `
|
|
13
|
-
|
|
17
|
+
:host{
|
|
14
18
|
width:100%;
|
|
15
|
-
|
|
16
|
-
|
|
19
|
+
}
|
|
20
|
+
.wrapper{
|
|
17
21
|
display:flex;
|
|
18
|
-
|
|
19
|
-
|
|
22
|
+
}
|
|
23
|
+
input{
|
|
20
24
|
box-sizing: border-box;
|
|
21
25
|
width: 100% !important;
|
|
22
|
-
border:
|
|
23
|
-
|
|
26
|
+
border: .1rem solid #27282D;
|
|
27
|
+
border-radius: .25rem;
|
|
24
28
|
margin: 0.125rem;
|
|
25
29
|
resize: none;
|
|
26
|
-
|
|
27
|
-
|
|
30
|
+
}
|
|
31
|
+
input::placeholder {
|
|
32
|
+
color: rgb(117, 117, 117);
|
|
33
|
+
}
|
|
34
|
+
.field-label {
|
|
35
|
+
color: #27282d;
|
|
36
|
+
font-size: .75rem;
|
|
37
|
+
font-weight: 600;
|
|
38
|
+
word-wrap: break-word;
|
|
39
|
+
}
|
|
40
|
+
.field-input {
|
|
41
|
+
font-size: 0.813rem;
|
|
42
|
+
min-height: 1.438rem;
|
|
43
|
+
}
|
|
44
|
+
`,
|
|
28
45
|
useShadow: true,
|
|
29
46
|
})
|
|
30
47
|
export class CPRElement extends CustomInputElement {
|
|
@@ -49,6 +66,7 @@ export class CPRElement extends CustomInputElement {
|
|
|
49
66
|
|
|
50
67
|
connectedCallback(): void {
|
|
51
68
|
super.connectedCallback();
|
|
69
|
+
super.addLabel(this.text);
|
|
52
70
|
}
|
|
53
71
|
|
|
54
72
|
initChildInputs() {
|