@luftborn/custom-elements 2.15.2 → 2.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/index.js +22 -22
- package/demo/index.min.js +21 -21
- package/demo/index.min.js.map +1 -1
- package/dist/elements/Address/AddressElement.js +1 -1
- package/dist/elements/BankField/BankFieldElement.js +1 -1
- package/dist/elements/CPRElement/CPRElement.js +1 -1
- package/dist/elements/CVRElement/CVRElement.js +1 -1
- package/dist/elements/CheckBoxElement/CheckBoxElement.js +1 -1
- package/dist/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.js +1 -1
- package/dist/elements/CustomRegularExpression/CustomRegularExpressionElement.js +1 -1
- package/dist/elements/DateField/DateFieldElement.js +1 -1
- package/dist/elements/DropDownList/DropDownListElement.js +1 -1
- package/dist/elements/EmailField/EmailFieldElement.js +1 -1
- package/dist/elements/FileField/FileFieldElement.js +1 -1
- package/dist/elements/IdentificationElement/IdentificationElement.js +1 -1
- package/dist/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.js +1 -1
- package/dist/elements/NumericField/NumericFieldElement.js +1 -1
- package/dist/elements/RadioButtonGroup/RadioButtonGroupElement.js +1 -1
- package/dist/elements/ResidentIdentification/ResidentIdentificationElement.js +1 -1
- package/dist/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.js +1 -1
- package/dist/elements/SEPersonalNumberElement/SEPersonalNumberElement.js +1 -1
- package/dist/elements/TextAreaElement/TextAreaElement.js +1 -1
- package/dist/elements/TextField/TextFieldElement.js +1 -1
- package/dist/elements/TypeAhead/TypeAheadElement.js +1 -1
- package/package.json +1 -1
- package/src/elements/Address/AddressElement.ts +1 -1
- package/src/elements/BankField/BankFieldElement.ts +1 -1
- package/src/elements/CPRElement/CPRElement.ts +1 -1
- package/src/elements/CVRElement/CVRElement.ts +1 -1
- package/src/elements/CheckBoxElement/CheckBoxElement.ts +1 -1
- package/src/elements/CustomFormatDateFieldElement/CustomFormatDateFieldElement.ts +1 -1
- package/src/elements/CustomRegularExpression/CustomRegularExpressionElement.ts +1 -1
- package/src/elements/DateField/DateFieldElement.ts +1 -1
- package/src/elements/DropDownList/DropDownListElement.ts +1 -1
- package/src/elements/EmailField/EmailFieldElement.ts +1 -1
- package/src/elements/FileField/FileFieldElement.ts +1 -1
- package/src/elements/IdentificationElement/IdentificationElement.ts +1 -1
- package/src/elements/InternationaPhoneNumber/InternationaPhoneNumberElement.ts +1 -1
- package/src/elements/NumericField/NumericFieldElement.ts +1 -1
- package/src/elements/RadioButtonGroup/RadioButtonGroupElement.ts +1 -1
- package/src/elements/ResidentIdentification/ResidentIdentificationElement.ts +1 -1
- package/src/elements/SECompanyRegistrationElement/SECompanyRegistrationElement.ts +1 -1
- package/src/elements/SEPersonalNumberElement/SEPersonalNumberElement.ts +1 -1
- package/src/elements/TextAreaElement/TextAreaElement.ts +1 -1
- package/src/elements/TextField/TextFieldElement.ts +1 -1
- package/src/elements/TypeAhead/TypeAheadElement.ts +1 -1
|
@@ -200,7 +200,7 @@ var AddressElement = /** @class */ (function (_super) {
|
|
|
200
200
|
(0, custom_element_decorator_1.default)({
|
|
201
201
|
selector: 'address-element',
|
|
202
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 address' id='address' type=\"text\" placeholder='Address'/>\n\t\t\t\t\t<input class='address-part zip' id='zip' type=\"text\" placeholder='Zip'/>\n\t\t\t\t\t<input class='address-part city' id='city' type=\"text\" placeholder='City'/>\n\t\t\t\t\t<input class='address-part country' 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 #
|
|
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 #5A616D;\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",
|
|
204
204
|
templatePath: './html.html',
|
|
205
205
|
useShadow: true,
|
|
206
206
|
})
|
|
@@ -122,7 +122,7 @@ var BankFieldElement = /** @class */ (function (_super) {
|
|
|
122
122
|
(0, custom_element_decorator_1.default)({
|
|
123
123
|
selector: 'bank-element',
|
|
124
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\" class='reg-number-field' id='reg-number-field' placeholder='Bank Account Registration Number'/>\n\t\t\t\t<input type=\"text\" class='account-field' 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 #
|
|
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 #5A616D;\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",
|
|
126
126
|
useShadow: true,
|
|
127
127
|
})
|
|
128
128
|
], BankFieldElement);
|
|
@@ -80,7 +80,7 @@ var CPRElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'cpr-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], CPRElement);
|
|
@@ -80,7 +80,7 @@ var CVRElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'cvr-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], CVRElement);
|
|
@@ -111,7 +111,7 @@ var CheckBoxElement = /** @class */ (function (_super) {
|
|
|
111
111
|
(0, custom_element_decorator_1.default)({
|
|
112
112
|
selector: 'checkbox-element',
|
|
113
113
|
template: "\n\t\t<div class=\"wrapper\">\n\t\t</div>",
|
|
114
|
-
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: #27282D;\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 #
|
|
114
|
+
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: #27282D;\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 #5A616D;\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",
|
|
115
115
|
useShadow: true,
|
|
116
116
|
})
|
|
117
117
|
], CheckBoxElement);
|
|
@@ -118,7 +118,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
|
|
|
118
118
|
(0, custom_element_decorator_1.default)({
|
|
119
119
|
selector: 'custom-format-date-element',
|
|
120
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 #
|
|
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 #5A616D;\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",
|
|
122
122
|
useShadow: true,
|
|
123
123
|
})
|
|
124
124
|
], CustomFormatDateFieldElement);
|
|
@@ -86,7 +86,7 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
|
|
|
86
86
|
(0, custom_element_decorator_1.default)({
|
|
87
87
|
selector: 'regex-element',
|
|
88
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 #
|
|
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 #5A616D;\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",
|
|
90
90
|
useShadow: true,
|
|
91
91
|
})
|
|
92
92
|
], CustomRegularExpressionElement);
|
|
@@ -83,7 +83,7 @@ var DateFieldElement = /** @class */ (function (_super) {
|
|
|
83
83
|
(0, custom_element_decorator_1.default)({
|
|
84
84
|
selector: 'date-element',
|
|
85
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 #
|
|
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 #5A616D;\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
87
|
useShadow: true,
|
|
88
88
|
})
|
|
89
89
|
], DateFieldElement);
|
|
@@ -100,7 +100,7 @@ var DropDownListElement = /** @class */ (function (_super) {
|
|
|
100
100
|
(0, custom_element_decorator_1.default)({
|
|
101
101
|
selector: 'drop-down-element',
|
|
102
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 #
|
|
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 #5A616D;\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",
|
|
104
104
|
useShadow: true,
|
|
105
105
|
})
|
|
106
106
|
], DropDownListElement);
|
|
@@ -84,7 +84,7 @@ var EmailFieldElement = /** @class */ (function (_super) {
|
|
|
84
84
|
(0, custom_element_decorator_1.default)({
|
|
85
85
|
selector: 'email-element',
|
|
86
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 #
|
|
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 #5A616D;\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",
|
|
88
88
|
useShadow: true,
|
|
89
89
|
})
|
|
90
90
|
], EmailFieldElement);
|
|
@@ -322,7 +322,7 @@ var FileFieldElement = /** @class */ (function (_super) {
|
|
|
322
322
|
(0, custom_element_decorator_1.default)({
|
|
323
323
|
selector: 'file-element',
|
|
324
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 #
|
|
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 #5A616D;\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",
|
|
326
326
|
useShadow: true,
|
|
327
327
|
})
|
|
328
328
|
], FileFieldElement);
|
|
@@ -89,7 +89,7 @@ var IdentificationElement = /** @class */ (function (_super) {
|
|
|
89
89
|
(0, custom_element_decorator_1.default)({
|
|
90
90
|
selector: 'id-element',
|
|
91
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 #
|
|
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 #5A616D;\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",
|
|
93
93
|
useShadow: true,
|
|
94
94
|
})
|
|
95
95
|
], IdentificationElement);
|
|
@@ -125,7 +125,7 @@ var IntPhoneFieldElement = /** @class */ (function (_super) {
|
|
|
125
125
|
(0, custom_element_decorator_1.default)({
|
|
126
126
|
selector: 'int-phone-element',
|
|
127
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 #
|
|
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 #5A616D;\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",
|
|
129
129
|
useShadow: true,
|
|
130
130
|
})
|
|
131
131
|
], IntPhoneFieldElement);
|
|
@@ -92,7 +92,7 @@ var NumericFieldElement = /** @class */ (function (_super) {
|
|
|
92
92
|
(0, custom_element_decorator_1.default)({
|
|
93
93
|
selector: 'numeric-element',
|
|
94
94
|
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=\"number\" id=\"numeric-field\" step=\"any\" />\n\t\t\t</div>\n\t\t</div>",
|
|
95
|
-
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n\t\tinput{\n box-sizing: border-box;\n width: 100% !important;\n\t\t\tborder: .1rem solid #
|
|
95
|
+
style: "\n \t:host{\n width:100%;\n \t}\n \t.wrapper{\n display:flex;\n \t}\n\t\tinput{\n box-sizing: border-box;\n width: 100% !important;\n\t\t\tborder: .1rem solid #5A616D;\n\t\t\tborder-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",
|
|
96
96
|
useShadow: true,
|
|
97
97
|
})
|
|
98
98
|
], NumericFieldElement);
|
|
@@ -110,7 +110,7 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
|
|
|
110
110
|
(0, custom_element_decorator_1.default)({
|
|
111
111
|
selector: 'radio-group-element',
|
|
112
112
|
template: "\n\t\t<div class=\"wrapper\">\n\t\t</div>",
|
|
113
|
-
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: #27282D;\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 #
|
|
113
|
+
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: #27282D;\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 #5A616D;\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",
|
|
114
114
|
useShadow: true,
|
|
115
115
|
})
|
|
116
116
|
], RadioButtonGroupElement);
|
|
@@ -134,7 +134,7 @@ var ResidentIdentificationElement = /** @class */ (function (_super) {
|
|
|
134
134
|
(0, custom_element_decorator_1.default)({
|
|
135
135
|
selector: 'resident-identification-element',
|
|
136
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 company' id='company' type=\"text\" placeholder='Company'/>\n\t\t\t\t<input class='field-part property' id='property' type=\"text\" placeholder='Property'/>\n\t\t\t\t<input class='field-part tenancy' id='tenancy' type=\"text\" placeholder='Tenancy'/>\n\t\t\t\t<input class='field-part tenant' 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 #
|
|
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 #5A616D;\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",
|
|
138
138
|
templatePath: './html.html',
|
|
139
139
|
useShadow: true,
|
|
140
140
|
})
|
|
@@ -80,7 +80,7 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'se-company-registration-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], SECompanyRegistrationElement);
|
|
@@ -80,7 +80,7 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'se-personal-number-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], SEPersonalNumberElement);
|
|
@@ -80,7 +80,7 @@ var TextAreaElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'text-area-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], TextAreaElement);
|
|
@@ -80,7 +80,7 @@ var TextFieldElement = /** @class */ (function (_super) {
|
|
|
80
80
|
(0, custom_element_decorator_1.default)({
|
|
81
81
|
selector: 'text-element',
|
|
82
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 #
|
|
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 #5A616D;\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",
|
|
84
84
|
useShadow: true,
|
|
85
85
|
})
|
|
86
86
|
], TextFieldElement);
|
|
@@ -227,7 +227,7 @@ var TypeAheadElement = /** @class */ (function (_super) {
|
|
|
227
227
|
(0, custom_element_decorator_1.default)({
|
|
228
228
|
selector: 'type-ahead-element',
|
|
229
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 #
|
|
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 #5A616D;\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",
|
|
231
231
|
useShadow: true,
|
|
232
232
|
})
|
|
233
233
|
], TypeAheadElement);
|
package/package.json
CHANGED
|
@@ -23,7 +23,7 @@ import CprValidator from '../../framework/Validation/Validators/CPR';
|
|
|
23
23
|
input{
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
width: 100% !important;
|
|
26
|
-
border: .1rem solid #
|
|
26
|
+
border: .1rem solid #5A616D;
|
|
27
27
|
border-radius: .25rem;
|
|
28
28
|
margin: 0.125rem;
|
|
29
29
|
resize: none;
|
|
@@ -24,7 +24,7 @@ import CvrValidator from '../../framework/Validation/Validators/CVR';
|
|
|
24
24
|
input{
|
|
25
25
|
box-sizing: border-box;
|
|
26
26
|
width: 100% !important;
|
|
27
|
-
border: .1rem solid #
|
|
27
|
+
border: .1rem solid #5A616D;
|
|
28
28
|
border-radius: .25rem;
|
|
29
29
|
margin: 0.125rem;
|
|
30
30
|
resize: none;
|
|
@@ -25,7 +25,7 @@ import { StringUtil } from '../../framework/Utilities/StringUtil';
|
|
|
25
25
|
input[type='checkbox']{
|
|
26
26
|
box-sizing: border-box;
|
|
27
27
|
width: auto !important;
|
|
28
|
-
border: .1rem solid #
|
|
28
|
+
border: .1rem solid #5A616D;
|
|
29
29
|
border-radius: .25rem;
|
|
30
30
|
margin: 0.125rem;
|
|
31
31
|
resize: none;
|
|
@@ -31,7 +31,7 @@ import { defaultDateFormat, supportedDateFormats, validateDateString } from './C
|
|
|
31
31
|
input{
|
|
32
32
|
box-sizing: border-box;
|
|
33
33
|
width: 100% !important;
|
|
34
|
-
border: .1rem solid #
|
|
34
|
+
border: .1rem solid #5A616D;
|
|
35
35
|
border-radius: .25rem;
|
|
36
36
|
margin: 0.125rem;
|
|
37
37
|
resize: none;
|
|
@@ -22,7 +22,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
22
22
|
input{
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
width: 100% !important;
|
|
25
|
-
border: .1rem solid #
|
|
25
|
+
border: .1rem solid #5A616D;
|
|
26
26
|
border-radius: .25rem;
|
|
27
27
|
margin: 0.125rem;
|
|
28
28
|
resize: none;
|
|
@@ -22,7 +22,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
22
22
|
input{
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
width: 100% !important;
|
|
25
|
-
border: .1rem solid #
|
|
25
|
+
border: .1rem solid #5A616D;
|
|
26
26
|
border-radius: .25rem;
|
|
27
27
|
margin: 0.125rem;
|
|
28
28
|
resize: none;
|
|
@@ -22,7 +22,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
22
22
|
input{
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
width: 100% !important;
|
|
25
|
-
border: .1rem solid #
|
|
25
|
+
border: .1rem solid #5A616D;
|
|
26
26
|
border-radius: .25rem;
|
|
27
27
|
margin: 0.125rem;
|
|
28
28
|
resize: none;
|
|
@@ -22,7 +22,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
22
22
|
input{
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
width: 100% !important;
|
|
25
|
-
border: .1rem solid #
|
|
25
|
+
border: .1rem solid #5A616D;
|
|
26
26
|
border-radius: .25rem;
|
|
27
27
|
margin: 0.125rem;
|
|
28
28
|
resize: none;
|
|
@@ -25,7 +25,7 @@ import ResidentIdentificationValidator from '../../framework/Validation/Validato
|
|
|
25
25
|
}
|
|
26
26
|
input.field-part{
|
|
27
27
|
box-sizing: border-box;
|
|
28
|
-
border: .1rem solid #
|
|
28
|
+
border: .1rem solid #5A616D;
|
|
29
29
|
border-radius: .25rem;
|
|
30
30
|
margin: 0.125rem;
|
|
31
31
|
resize: none;
|
|
@@ -23,7 +23,7 @@ import SECompanyRegistrationValidator from '../../framework/Validation/Validator
|
|
|
23
23
|
input{
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
width: 100% !important;
|
|
26
|
-
border: .1rem solid #
|
|
26
|
+
border: .1rem solid #5A616D;
|
|
27
27
|
border-radius: .25rem;
|
|
28
28
|
margin: 0.125rem;
|
|
29
29
|
resize: none;
|
|
@@ -23,7 +23,7 @@ import SEPersonalNumberValidator from '../../framework/Validation/Validators/SEP
|
|
|
23
23
|
input{
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
width: 100% !important;
|
|
26
|
-
border: .1rem solid #
|
|
26
|
+
border: .1rem solid #5A616D;
|
|
27
27
|
border-radius: .25rem;
|
|
28
28
|
margin: 0.125rem;
|
|
29
29
|
resize: none;
|
|
@@ -22,7 +22,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
22
22
|
textarea{
|
|
23
23
|
box-sizing: border-box;
|
|
24
24
|
width: 100% !important;
|
|
25
|
-
border: .1rem solid #
|
|
25
|
+
border: .1rem solid #5A616D;
|
|
26
26
|
border-radius: .25rem;
|
|
27
27
|
margin: 0.125rem;
|
|
28
28
|
resize: none;
|
|
@@ -23,7 +23,7 @@ import { CustomElementEventArgs } from '../../framework/CustomEvents';
|
|
|
23
23
|
input{
|
|
24
24
|
box-sizing: border-box;
|
|
25
25
|
width: 100% !important;
|
|
26
|
-
border: .1rem solid #
|
|
26
|
+
border: .1rem solid #5A616D;
|
|
27
27
|
border-radius: .25rem;
|
|
28
28
|
margin: 0.125rem;
|
|
29
29
|
resize: none;
|
|
@@ -32,7 +32,7 @@ import DomUtility from '../../framework/Utilities/DomUtility';
|
|
|
32
32
|
.text-input {
|
|
33
33
|
box-sizing: border-box;
|
|
34
34
|
width: 100% !important;
|
|
35
|
-
border: .1rem solid #
|
|
35
|
+
border: .1rem solid #5A616D;
|
|
36
36
|
border-radius: .25rem;
|
|
37
37
|
margin: 0.125rem;
|
|
38
38
|
resize: none;
|