RanchiMall/standard-ui
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug fixes and improvements

Browse Source
This commit is contained in:
sairaj mote 2023-01-21 03:51:39 +05:30
parent 78abcaccda
commit 4555a06b0b
3 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
components/dist/form.js vendored
View File

@ -60,16 +60,10 @@ customElements.define('sm-form', class extends HTMLElement {
this.isFormValid = this.invalidFields.length === 0; this.isFormValid = this.invalidFields.length === 0;
if (!this.skipSubmit) if (!this.skipSubmit)
this.submitButton.disabled = !this.isFormValid; this.submitButton.disabled = !this.isFormValid;
if (this.isFormValid) this.dispatchEvent(new CustomEvent(this.isFormValid ? 'valid' : 'invalid', {
this.dispatchEvent(new CustomEvent('valid', { bubbles: true,
bubbles: true, composed: true,
composed: true, }));
}));
else
this.dispatchEvent(new CustomEvent('invalid', {
bubbles: true,
composed: true,
}));
} }
handleKeydown(e) { handleKeydown(e) {
if (e.key === 'Enter' && e.target.tagName.includes('INPUT')) { if (e.key === 'Enter' && e.target.tagName.includes('INPUT')) {

18
components/dist/input.js vendored
View File

@ -265,6 +265,7 @@ customElements.define('sm-input',
this.focusOut = this.focusOut.bind(this); this.focusOut = this.focusOut.bind(this);
this.fireEvent = this.fireEvent.bind(this); this.fireEvent = this.fireEvent.bind(this);
this.checkInput = this.checkInput.bind(this); this.checkInput = this.checkInput.bind(this);
this.showError = this.showError.bind(this);
this.allowOnlyNum = this.allowOnlyNum.bind(this); this.allowOnlyNum = this.allowOnlyNum.bind(this);
this.handleOptionClick = this.handleOptionClick.bind(this); this.handleOptionClick = this.handleOptionClick.bind(this);
this.handleInputNavigation = this.handleInputNavigation.bind(this); this.handleInputNavigation = this.handleInputNavigation.bind(this);
@ -306,7 +307,6 @@ customElements.define('sm-input',
get validity() { get validity() {
return this.input.validity; return this.input.validity;
} }
get disabled() { get disabled() {
return this.hasAttribute('disabled'); return this.hasAttribute('disabled');
} }
@ -332,6 +332,13 @@ customElements.define('sm-input',
set errorText(val) { set errorText(val) {
this._errorText = val; this._errorText = val;
} }
showError() {
this.feedbackText.className = 'feedback-text error';
this.feedbackText.innerHTML = `
<svg class="status-icon status-icon--error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
${this._errorText}`;
}
set helperText(val) { set helperText(val) {
this._helperText = val; this._helperText = val;
} }
@ -343,16 +350,11 @@ customElements.define('sm-input',
_customValid = Boolean(this.validationFunction(this.input.value)); _customValid = Boolean(this.validationFunction(this.input.value));
} }
if (_isValid && _customValid) { if (_isValid && _customValid) {
this.feedbackText.classList.remove('error'); this.feedbackText.className = 'feedback-text success';
this.feedbackText.classList.add('success');
this.feedbackText.textContent = ''; this.feedbackText.textContent = '';
} else { } else {
if (this._errorText) { if (this._errorText) {
this.feedbackText.classList.add('error'); this.showError();
this.feedbackText.classList.remove('success');
this.feedbackText.innerHTML = `
<svg class="status-icon status-icon--error" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-1-7v2h2v-2h-2zm0-8v6h2V7h-2z"/></svg>
${this._errorText}`;
} }
} }
return (_isValid && _customValid); return (_isValid && _customValid);

2
components/dist/input.min.js vendored
View File

File diff suppressed because one or more lines are too long