@everymatrix/general-input-hsl 0.2.3 → 0.2.5
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/dist/cjs/checkbox-group-input_13.cjs.entry.js +6 -4
- package/dist/cjs/general-input-hsl-fd627b3d.js +8131 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/collection/components/date-input/date-input.js +5 -3
- package/dist/collection/utils/locale.utils.js +3 -1
- package/dist/esm/checkbox-group-input_13.entry.js +7 -5
- package/dist/esm/general-input-hsl-94db3149.js +8128 -0
- package/dist/esm/index.js +1 -1
- package/dist/general-input-hsl/checkbox-group-input_13.entry.js +1 -1
- package/dist/general-input-hsl/{general-input-hsl-1c14ae9b.js → general-input-hsl-94db3149.js} +2369 -440
- package/dist/general-input-hsl/index.esm.js +1 -1
- package/package.json +1 -1
- package/dist/cjs/general-input-hsl-a20b01f4.js +0 -6222
- package/dist/esm/general-input-hsl-1c14ae9b.js +0 -6219
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/stencil.config.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/stencil.config.dev.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/storybook/main.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/packages/stencil/general-input-hsl/storybook/preview.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/Users/{sebastian.strulea/Documents/work → adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/general-input-hsl/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-160616a9.js');
|
|
6
|
-
const generalInputHsl = require('./general-input-hsl-
|
|
6
|
+
const generalInputHsl = require('./general-input-hsl-fd627b3d.js');
|
|
7
7
|
|
|
8
8
|
const tooltipIconSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==';
|
|
9
9
|
|
|
@@ -5753,7 +5753,9 @@ const DateInput = class {
|
|
|
5753
5753
|
return generalInputHsl.translate('dateError2', this.language);
|
|
5754
5754
|
}
|
|
5755
5755
|
if (!isMatch(this.formattedValue, this.dateFormat)) {
|
|
5756
|
-
|
|
5756
|
+
const screenSize = window.screen.width;
|
|
5757
|
+
const isShowingKeyboard = screenSize > 450 && screenSize <= 550;
|
|
5758
|
+
return `${generalInputHsl.translate('dateFormatError', this.language)} ${isShowingKeyboard ? `(${generalInputHsl.translate('forExample', this.language)} ${this.placeholder})` : ''}`;
|
|
5757
5759
|
}
|
|
5758
5760
|
}
|
|
5759
5761
|
renderTooltip() {
|
|
@@ -5767,8 +5769,8 @@ const DateInput = class {
|
|
|
5767
5769
|
if (this.touched) {
|
|
5768
5770
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
5769
5771
|
}
|
|
5770
|
-
return index.h("div", { key: '
|
|
5771
|
-
index.h("img", { key: '
|
|
5772
|
+
return index.h("div", { key: '301d146ebbab317532abcc4a6c89ee39701d209f', class: `date__wrapper ${this.autofilled ? 'date__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("label", { key: '7d54ab1dd228b629b23c5a58aa9a8289c16f5da9', class: `date__label ${this.validation.mandatory ? 'date__label--required' : ''}}`, htmlFor: `${this.name}__input` }, this.displayName, " ", this.validation.mandatory ? '*' : ''), index.h("vaadin-date-picker", { key: '47883cdb6b3391d39fb4e3dddeb2eb499ccd5f0f', id: `${this.name}__input`, type: 'date', class: `date__input ${invalidClass}`, value: this.defaultValue, readOnly: this.autofilled, placeholder: `${this.placeholder}`, required: this.validation.mandatory, max: this.validation.max, min: this.validation.min, onChange: (e) => this.handleInput(e) }), index.h("small", { key: '6f30b5737c42f11875ae834d2ef973c9bc6f6dd7', class: 'date__error-message' }, this.errorMessage), this.tooltip &&
|
|
5773
|
+
index.h("img", { key: 'a0de5106dbfbb2f799963cfd5aa6692ae8f68532', class: 'date__tooltip-icon', src: tooltipIconSvg, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip());
|
|
5772
5774
|
}
|
|
5773
5775
|
get element() { return index.getElement(this); }
|
|
5774
5776
|
static get watchers() { return {
|