- ✅ Ticket 1.1: Estructura Clean Architecture en backend - ✅ Ticket 1.2: Schemas Zod compartidos - ✅ Ticket 1.3: Refactorización drugs.ts (1362 → 8 archivos modulares) - ✅ Ticket 1.4: Refactorización procedures.ts (3583 → 6 archivos modulares) - ✅ Ticket 1.5: Eliminación de duplicidades (~50 líneas) Cambios principales: - Creada estructura Clean Architecture en backend/src/ - Schemas Zod compartidos en backend/src/shared/schemas/ - Refactorización modular de drugs y procedures - Utilidades genéricas en src/utils/ (filter, validation) - Eliminados scripts obsoletos y documentación antigua - Corregidos errores: QueryClient, import test-error-handling - Build verificado y funcionando correctamente
76 lines
2.4 KiB
JavaScript
76 lines
2.4 KiB
JavaScript
import Event from '../../event/Event.js';
|
|
import HTMLElement from '../html-element/HTMLElement.js';
|
|
import * as PropertySymbol from '../../PropertySymbol.js';
|
|
import EventPhaseEnum from '../../event/EventPhaseEnum.js';
|
|
import MouseEvent from '../../event/events/MouseEvent.js';
|
|
import ElementEventAttributeUtility from '../element/ElementEventAttributeUtility.js';
|
|
/**
|
|
* HTMLDetailsElement
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLDetailsElement
|
|
*/
|
|
export default class HTMLDetailsElement extends HTMLElement {
|
|
// Events
|
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
get ontoggle() {
|
|
return ElementEventAttributeUtility.getEventListener(this, 'ontoggle');
|
|
}
|
|
set ontoggle(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontoggle', value);
|
|
}
|
|
/* eslint-enable jsdoc/require-jsdoc */
|
|
/**
|
|
* Returns the open attribute.
|
|
*/
|
|
get open() {
|
|
return this.getAttribute('open') !== null;
|
|
}
|
|
/**
|
|
* Sets the open attribute.
|
|
*
|
|
* @param open New value.
|
|
*/
|
|
set open(open) {
|
|
if (open) {
|
|
this.setAttribute('open', '');
|
|
}
|
|
else {
|
|
this.removeAttribute('open');
|
|
}
|
|
}
|
|
/**
|
|
* @override
|
|
*/
|
|
[PropertySymbol.onSetAttribute](attribute, replacedAttribute) {
|
|
super[PropertySymbol.onSetAttribute](attribute, replacedAttribute);
|
|
if (attribute[PropertySymbol.name] === 'open') {
|
|
if (attribute[PropertySymbol.value] !== replacedAttribute?.[PropertySymbol.value]) {
|
|
this.dispatchEvent(new Event('toggle'));
|
|
}
|
|
}
|
|
}
|
|
/**
|
|
* @override
|
|
*/
|
|
[PropertySymbol.onRemoveAttribute](removedAttribute) {
|
|
super[PropertySymbol.onRemoveAttribute](removedAttribute);
|
|
if (removedAttribute && removedAttribute[PropertySymbol.name] === 'open') {
|
|
this.dispatchEvent(new Event('toggle'));
|
|
}
|
|
}
|
|
/**
|
|
* @override
|
|
*/
|
|
dispatchEvent(event) {
|
|
const returnValue = super.dispatchEvent(event);
|
|
if (!event[PropertySymbol.defaultPrevented] &&
|
|
event[PropertySymbol.target]?.[PropertySymbol.localName] === 'summary' &&
|
|
event.type === 'click' &&
|
|
event.eventPhase === EventPhaseEnum.bubbling &&
|
|
event instanceof MouseEvent) {
|
|
this.open = !this.open;
|
|
}
|
|
return returnValue;
|
|
}
|
|
}
|
|
//# sourceMappingURL=HTMLDetailsElement.js.map
|