@luftborn/custom-elements 2.5.0 → 2.5.2

package/demo/index.min.js

@@ -3005,7 +3005,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
     }
     Object.defineProperty(CustomFormatDateFieldElement.prototype, "value", {
         get: function () {
-            return this.date.value;
+            return this.display.value;
         },
         set: function (value) {
             this.date.value = value;
@@ -3095,7 +3095,7 @@ var CustomFormatDateFieldElement = /** @class */ (function (_super) {
     CustomFormatDateFieldElement = __decorate([
         (0, custom_element_decorator_1.default)({
             selector: 'custom-format-date-element',
-            template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"display-field\" readonly />\n\t\t\t<img src=\"assets/icons/datepicker-icon.png\" alt=\"datepicker-icon\" id=\"picker-trigger\"/>\n\t\t\t<input type=\"date\" id=\"date-field\" />\n\t\t</div>",
+            template: "\n\t\t<div class=\"wrapper\">\n\t\t\t<input type=\"text\" id=\"display-field\" readonly />\n\t\t\t<svg id=\"picker-trigger\" 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<input type=\"date\" id=\"date-field\" />\n\t\t</div>",
             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\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: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t\t}\n\t\t#date-field {\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tz-index: -1;\n\t\t\tpointer-events: none;\n\t\t}\n\t\t#display-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: 10px;\n\t\t}\n\t\t#picker-trigger {\n\t\t\tcursor: pointer;\n\t\t\twidth: 15px;\n\t\t\theight: 15px;\n\t\t\tposition:absolute;\n\t\t\tright: 2px;\n\t\t\ttop: 15%;\n\t\t}\n\t\t#datepicker-icon {\n\t\t}\n\t\t\t",
             useShadow: true,
         })
@@ -3415,10 +3415,10 @@ var SEPersonalNumberElement_1 = require("./SEPersonalNumberElement/SEPersonalNum
 Object.defineProperty(exports, "SEPersonalNumberElement", { enumerable: true, get: function () { return SEPersonalNumberElement_1.SEPersonalNumberElement; } });
 var SECompanyRegistrationElement_1 = require("./SECompanyRegistrationElement/SECompanyRegistrationElement");
 Object.defineProperty(exports, "SECompanyRegistrationElement", { enumerable: true, get: function () { return SECompanyRegistrationElement_1.SECompanyRegistrationElement; } });
-var CustomFormatDateFieldElement_1 = require("./CustomDataFiledElement/CustomFormatDateFieldElement");
+var CustomFormatDateFieldElement_1 = require("./CustomFormatDateFieldElement/CustomFormatDateFieldElement");
 Object.defineProperty(exports, "CustomFormatDateFieldElement", { enumerable: true, get: function () { return CustomFormatDateFieldElement_1.CustomFormatDateFieldElement; } });
 
-},{"./Address/AddressElement":10,"./BankField/BankFieldElement":11,"./CPRElement/CPRElement":12,"./CVRElement/CVRElement":13,"./CheckBoxElement/CheckBoxElement":14,"./CustomDataFiledElement/CustomFormatDateFieldElement":15,"./CustomRegularExpression/CustomRegularExpressionElement":16,"./DateField/DateFieldElement":17,"./DropDownList/DropDownListElement":18,"./EmailField/EmailFieldElement":20,"./FileField/FileFieldElement":21,"./IdentificationElement/IdentificationElement":22,"./InternationaPhoneNumber/InternationaPhoneNumberElement":25,"./NumericField/NumericFieldElement":26,"./RadioButtonGroup/RadioButtonGroupElement":27,"./SECompanyRegistrationElement/SECompanyRegistrationElement":28,"./SEPersonalNumberElement/SEPersonalNumberElement":29,"./TextAreaElement/TextAreaElement":30,"./TextField/TextFieldElement":31,"./TypeAhead/TypeAheadElement":32}],20:[function(require,module,exports){
+},{"./Address/AddressElement":10,"./BankField/BankFieldElement":11,"./CPRElement/CPRElement":12,"./CVRElement/CVRElement":13,"./CheckBoxElement/CheckBoxElement":14,"./CustomFormatDateFieldElement/CustomFormatDateFieldElement":15,"./CustomRegularExpression/CustomRegularExpressionElement":16,"./DateField/DateFieldElement":17,"./DropDownList/DropDownListElement":18,"./EmailField/EmailFieldElement":20,"./FileField/FileFieldElement":21,"./IdentificationElement/IdentificationElement":22,"./InternationaPhoneNumber/InternationaPhoneNumberElement":25,"./NumericField/NumericFieldElement":26,"./RadioButtonGroup/RadioButtonGroupElement":27,"./SECompanyRegistrationElement/SECompanyRegistrationElement":28,"./SEPersonalNumberElement/SEPersonalNumberElement":29,"./TextAreaElement/TextAreaElement":30,"./TextField/TextFieldElement":31,"./TypeAhead/TypeAheadElement":32}],20:[function(require,module,exports){
 "use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {