Santhosh Janardhanan
de2d83092e
- Delete old Vite+Svelte frontend - Initialize new SvelteKit project with TypeScript - Configure Tailwind CSS v4 + DaisyUI - Implement JWT authentication with auto-refresh - Create login page with form validation (Zod) - Add protected route guards - Update Docker configuration for single-stage build - Add E2E tests with Playwright (6/11 passing) - Fix Svelte 5 reactivity with $state() runes Known issues: - 5 E2E tests failing (timing/async issues) - Token refresh implementation needs debugging - Validation error display timing
91 lines
2.3 KiB
JavaScript
91 lines
2.3 KiB
JavaScript
import Event from '../../event/Event.js';
|
|
import HTMLElement from '../html-element/HTMLElement.js';
|
|
import * as PropertySymbol from '../../PropertySymbol.js';
|
|
import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
|
|
/**
|
|
* HTML Dialog Element.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement
|
|
*/
|
|
export default class HTMLDialogElement extends HTMLElement {
|
|
// Internal properties
|
|
[PropertySymbol.returnValue] = '';
|
|
// Events
|
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
get oncancel() {
|
|
return ElementEventAttributeUtility.getEventListener(this, 'oncancel');
|
|
}
|
|
set oncancel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncancel', value);
|
|
}
|
|
get onclose() {
|
|
return ElementEventAttributeUtility.getEventListener(this, 'onclose');
|
|
}
|
|
set onclose(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onclose', value);
|
|
}
|
|
/* eslint-enable jsdoc/require-jsdoc */
|
|
/**
|
|
* Returns return value.
|
|
*
|
|
* @returns Return value.
|
|
*/
|
|
get returnValue() {
|
|
return this[PropertySymbol.returnValue];
|
|
}
|
|
/**
|
|
* Sets return value.
|
|
*
|
|
* @param value Return value.
|
|
*/
|
|
set returnValue(value) {
|
|
this[PropertySymbol.returnValue] = String(value);
|
|
}
|
|
/**
|
|
* Sets the "open" attribute.
|
|
*
|
|
* @param open Open.
|
|
*/
|
|
set open(open) {
|
|
if (open) {
|
|
this.setAttribute('open', '');
|
|
}
|
|
else {
|
|
this.removeAttribute('open');
|
|
}
|
|
}
|
|
/**
|
|
* Returns open.
|
|
*
|
|
* @returns Open.
|
|
*/
|
|
get open() {
|
|
return this.getAttribute('open') !== null;
|
|
}
|
|
/**
|
|
* Closes the dialog.
|
|
*
|
|
* @param [returnValue] ReturnValue.
|
|
*/
|
|
close(returnValue) {
|
|
const wasOpen = this.open;
|
|
this.removeAttribute('open');
|
|
this.returnValue = returnValue !== undefined ? String(returnValue) : '';
|
|
if (wasOpen) {
|
|
this.dispatchEvent(new Event('close'));
|
|
}
|
|
}
|
|
/**
|
|
* Shows the modal.
|
|
*/
|
|
showModal() {
|
|
this.setAttribute('open', '');
|
|
}
|
|
/**
|
|
* Shows the dialog.
|
|
*/
|
|
show() {
|
|
this.setAttribute('open', '');
|
|
}
|
|
}
|
|
//# sourceMappingURL=HTMLDialogElement.js.map
|