- 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
671 lines
25 KiB
JavaScript
671 lines
25 KiB
JavaScript
"use strict";
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
}
|
|
Object.defineProperty(o, k2, desc);
|
|
}) : (function(o, m, k, k2) {
|
|
if (k2 === undefined) k2 = k;
|
|
o[k2] = m[k];
|
|
}));
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
}) : function(o, v) {
|
|
o["default"] = v;
|
|
});
|
|
var __importStar = (this && this.__importStar) || (function () {
|
|
var ownKeys = function(o) {
|
|
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
var ar = [];
|
|
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
return ar;
|
|
};
|
|
return ownKeys(o);
|
|
};
|
|
return function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
})();
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
const CSSStyleDeclaration_js_1 = __importDefault(require("../../css/declaration/CSSStyleDeclaration.cjs"));
|
|
const PropertySymbol = __importStar(require("../../PropertySymbol.cjs"));
|
|
const Element_js_1 = __importDefault(require("../element/Element.cjs"));
|
|
const HTMLElementUtility_js_1 = __importDefault(require("../html-element/HTMLElementUtility.cjs"));
|
|
const DOMStringMap_js_1 = __importDefault(require("../../dom/DOMStringMap.cjs"));
|
|
const ElementEventAttributeUtility_js_1 = __importDefault(require("../element/ElementEventAttributeUtility.cjs"));
|
|
/**
|
|
* SVG Element.
|
|
*
|
|
* Reference:
|
|
* https://developer.mozilla.org/en-US/docs/Web/API/SVGElement.
|
|
*/
|
|
class SVGElement extends Element_js_1.default {
|
|
// Internal properties
|
|
[PropertySymbol.style] = null;
|
|
// Private properties
|
|
#dataset = null;
|
|
// Events
|
|
/* eslint-disable jsdoc/require-jsdoc */
|
|
get onabort() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onabort');
|
|
}
|
|
set onabort(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onabort', value);
|
|
}
|
|
get onanimationend() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onanimationend');
|
|
}
|
|
set onanimationend(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onanimationend', value);
|
|
}
|
|
get onanimationiteration() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onanimationiteration');
|
|
}
|
|
set onanimationiteration(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onanimationiteration', value);
|
|
}
|
|
get onanimationstart() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onanimationstart');
|
|
}
|
|
set onanimationstart(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onanimationstart', value);
|
|
}
|
|
get onauxclick() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onauxclick');
|
|
}
|
|
set onauxclick(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onauxclick', value);
|
|
}
|
|
get onblur() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onblur');
|
|
}
|
|
set onblur(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onblur', value);
|
|
}
|
|
get oncancel() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncancel');
|
|
}
|
|
set oncancel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncancel', value);
|
|
}
|
|
get oncanplay() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncanplay');
|
|
}
|
|
set oncanplay(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncanplay', value);
|
|
}
|
|
get oncanplaythrough() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncanplaythrough');
|
|
}
|
|
set oncanplaythrough(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncanplaythrough', value);
|
|
}
|
|
get onchange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onchange');
|
|
}
|
|
set onchange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onchange', value);
|
|
}
|
|
get onclick() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onclick');
|
|
}
|
|
set onclick(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onclick', value);
|
|
}
|
|
get onclose() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onclose');
|
|
}
|
|
set onclose(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onclose', value);
|
|
}
|
|
get oncontextmenu() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncontextmenu');
|
|
}
|
|
set oncontextmenu(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncontextmenu', value);
|
|
}
|
|
get oncopy() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncopy');
|
|
}
|
|
set oncopy(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncopy', value);
|
|
}
|
|
get oncuechange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncuechange');
|
|
}
|
|
set oncuechange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncuechange', value);
|
|
}
|
|
get oncut() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oncut');
|
|
}
|
|
set oncut(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oncut', value);
|
|
}
|
|
get ondblclick() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondblclick');
|
|
}
|
|
set ondblclick(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondblclick', value);
|
|
}
|
|
get ondrag() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondrag');
|
|
}
|
|
set ondrag(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondrag', value);
|
|
}
|
|
get ondragend() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondragend');
|
|
}
|
|
set ondragend(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondragend', value);
|
|
}
|
|
get ondragenter() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondragenter');
|
|
}
|
|
set ondragenter(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondragenter', value);
|
|
}
|
|
get ondragleave() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondragleave');
|
|
}
|
|
set ondragleave(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondragleave', value);
|
|
}
|
|
get ondragover() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondragover');
|
|
}
|
|
set ondragover(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondragover', value);
|
|
}
|
|
get ondragstart() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondragstart');
|
|
}
|
|
set ondragstart(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondragstart', value);
|
|
}
|
|
get ondrop() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondrop');
|
|
}
|
|
set ondrop(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondrop', value);
|
|
}
|
|
get ondurationchange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ondurationchange');
|
|
}
|
|
set ondurationchange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ondurationchange', value);
|
|
}
|
|
get onemptied() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onemptied');
|
|
}
|
|
set onemptied(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onemptied', value);
|
|
}
|
|
get onended() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onended');
|
|
}
|
|
set onended(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onended', value);
|
|
}
|
|
get onerror() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onerror');
|
|
}
|
|
set onerror(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onerror', value);
|
|
}
|
|
get onfocus() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onfocus');
|
|
}
|
|
set onfocus(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onfocus', value);
|
|
}
|
|
get onformdata() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onformdata');
|
|
}
|
|
set onformdata(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onformdata', value);
|
|
}
|
|
get ongotpointercapture() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ongotpointercapture');
|
|
}
|
|
set ongotpointercapture(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ongotpointercapture', value);
|
|
}
|
|
get oninput() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oninput');
|
|
}
|
|
set oninput(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oninput', value);
|
|
}
|
|
get oninvalid() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'oninvalid');
|
|
}
|
|
set oninvalid(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('oninvalid', value);
|
|
}
|
|
get onkeydown() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onkeydown');
|
|
}
|
|
set onkeydown(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onkeydown', value);
|
|
}
|
|
get onkeypress() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onkeypress');
|
|
}
|
|
set onkeypress(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onkeypress', value);
|
|
}
|
|
get onkeyup() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onkeyup');
|
|
}
|
|
set onkeyup(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onkeyup', value);
|
|
}
|
|
get onload() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onload');
|
|
}
|
|
set onload(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onload', value);
|
|
}
|
|
get onloadeddata() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onloadeddata');
|
|
}
|
|
set onloadeddata(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onloadeddata', value);
|
|
}
|
|
get onloadedmetadata() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onloadedmetadata');
|
|
}
|
|
set onloadedmetadata(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onloadedmetadata', value);
|
|
}
|
|
get onloadstart() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onloadstart');
|
|
}
|
|
set onloadstart(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onloadstart', value);
|
|
}
|
|
get onlostpointercapture() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onlostpointercapture');
|
|
}
|
|
set onlostpointercapture(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onlostpointercapture', value);
|
|
}
|
|
get onmousedown() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmousedown');
|
|
}
|
|
set onmousedown(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmousedown', value);
|
|
}
|
|
get onmouseenter() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmouseenter');
|
|
}
|
|
set onmouseenter(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmouseenter', value);
|
|
}
|
|
get onmouseleave() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmouseleave');
|
|
}
|
|
set onmouseleave(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmouseleave', value);
|
|
}
|
|
get onmousemove() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmousemove');
|
|
}
|
|
set onmousemove(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmousemove', value);
|
|
}
|
|
get onmouseout() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmouseout');
|
|
}
|
|
set onmouseout(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmouseout', value);
|
|
}
|
|
get onmouseover() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmouseover');
|
|
}
|
|
set onmouseover(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmouseover', value);
|
|
}
|
|
get onmouseup() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmouseup');
|
|
}
|
|
set onmouseup(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmouseup', value);
|
|
}
|
|
get onmousewheel() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onmousewheel');
|
|
}
|
|
set onmousewheel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onmousewheel', value);
|
|
}
|
|
get onpaste() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpaste');
|
|
}
|
|
set onpaste(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpaste', value);
|
|
}
|
|
get onpause() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpause');
|
|
}
|
|
set onpause(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpause', value);
|
|
}
|
|
get onplay() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onplay');
|
|
}
|
|
set onplay(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onplay', value);
|
|
}
|
|
get onplaying() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onplaying');
|
|
}
|
|
set onplaying(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onplaying', value);
|
|
}
|
|
get onpointercancel() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointercancel');
|
|
}
|
|
set onpointercancel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointercancel', value);
|
|
}
|
|
get onpointerdown() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerdown');
|
|
}
|
|
set onpointerdown(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerdown', value);
|
|
}
|
|
get onpointerenter() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerenter');
|
|
}
|
|
set onpointerenter(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerenter', value);
|
|
}
|
|
get onpointerleave() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerleave');
|
|
}
|
|
set onpointerleave(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerleave', value);
|
|
}
|
|
get onpointermove() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointermove');
|
|
}
|
|
set onpointermove(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointermove', value);
|
|
}
|
|
get onpointerout() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerout');
|
|
}
|
|
set onpointerout(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerout', value);
|
|
}
|
|
get onpointerover() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerover');
|
|
}
|
|
set onpointerover(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerover', value);
|
|
}
|
|
get onpointerrawupdate() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerrawupdate');
|
|
}
|
|
set onpointerrawupdate(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerrawupdate', value);
|
|
}
|
|
get onpointerup() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onpointerup');
|
|
}
|
|
set onpointerup(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onpointerup', value);
|
|
}
|
|
get onprogress() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onprogress');
|
|
}
|
|
set onprogress(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onprogress', value);
|
|
}
|
|
get onratechange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onratechange');
|
|
}
|
|
set onratechange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onratechange', value);
|
|
}
|
|
get onreset() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onreset');
|
|
}
|
|
set onreset(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onreset', value);
|
|
}
|
|
get onresize() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onresize');
|
|
}
|
|
set onresize(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onresize', value);
|
|
}
|
|
get onscroll() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onscroll');
|
|
}
|
|
set onscroll(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onscroll', value);
|
|
}
|
|
get onscrollend() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onscrollend');
|
|
}
|
|
set onscrollend(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onscrollend', value);
|
|
}
|
|
get onscrollsnapchange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onscrollsnapchange');
|
|
}
|
|
set onscrollsnapchange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onscrollsnapchange', value);
|
|
}
|
|
get onscrollsnapchanging() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onscrollsnapchanging');
|
|
}
|
|
set onscrollsnapchanging(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onscrollsnapchanging', value);
|
|
}
|
|
get onsecuritypolicyviolation() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onsecuritypolicyviolation');
|
|
}
|
|
set onsecuritypolicyviolation(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onsecuritypolicyviolation', value);
|
|
}
|
|
get onseeked() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onseeked');
|
|
}
|
|
set onseeked(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onseeked', value);
|
|
}
|
|
get onseeking() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onseeking');
|
|
}
|
|
set onseeking(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onseeking', value);
|
|
}
|
|
get onselect() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onselect');
|
|
}
|
|
set onselect(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onselect', value);
|
|
}
|
|
get onselectionchange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onselectionchange');
|
|
}
|
|
set onselectionchange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onselectionchange', value);
|
|
}
|
|
get onselectstart() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onselectstart');
|
|
}
|
|
set onselectstart(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onselectstart', value);
|
|
}
|
|
get onslotchange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onslotchange');
|
|
}
|
|
set onslotchange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onslotchange', value);
|
|
}
|
|
get onstalled() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onstalled');
|
|
}
|
|
set onstalled(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onstalled', value);
|
|
}
|
|
get onsubmit() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onsubmit');
|
|
}
|
|
set onsubmit(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onsubmit', value);
|
|
}
|
|
get onsuspend() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onsuspend');
|
|
}
|
|
set onsuspend(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onsuspend', value);
|
|
}
|
|
get ontimeupdate() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontimeupdate');
|
|
}
|
|
set ontimeupdate(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontimeupdate', value);
|
|
}
|
|
get ontoggle() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontoggle');
|
|
}
|
|
set ontoggle(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontoggle', value);
|
|
}
|
|
get ontransitioncancel() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontransitioncancel');
|
|
}
|
|
set ontransitioncancel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontransitioncancel', value);
|
|
}
|
|
get ontransitionend() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontransitionend');
|
|
}
|
|
set ontransitionend(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontransitionend', value);
|
|
}
|
|
get ontransitionrun() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontransitionrun');
|
|
}
|
|
set ontransitionrun(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontransitionrun', value);
|
|
}
|
|
get ontransitionstart() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'ontransitionstart');
|
|
}
|
|
set ontransitionstart(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('ontransitionstart', value);
|
|
}
|
|
get onvolumechange() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onvolumechange');
|
|
}
|
|
set onvolumechange(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onvolumechange', value);
|
|
}
|
|
get onwaiting() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onwaiting');
|
|
}
|
|
set onwaiting(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onwaiting', value);
|
|
}
|
|
get onwheel() {
|
|
return ElementEventAttributeUtility_js_1.default.getEventListener(this, 'onwheel');
|
|
}
|
|
set onwheel(value) {
|
|
this[PropertySymbol.propertyEventListeners].set('onwheel', value);
|
|
}
|
|
/* eslint-enable jsdoc/require-jsdoc */
|
|
/**
|
|
* Returns current translate.
|
|
*
|
|
* @returns Element.
|
|
*/
|
|
get ownerSVGElement() {
|
|
let parent = this[PropertySymbol.parentNode];
|
|
while (parent) {
|
|
if (parent[PropertySymbol.localName] === 'svg') {
|
|
return parent;
|
|
}
|
|
parent = parent[PropertySymbol.parentNode];
|
|
}
|
|
return null;
|
|
}
|
|
/**
|
|
* Returns the SVGElement which established the current viewport. Often the nearest ancestor <svg> element. null if the given element is the outermost <svg> element.
|
|
*
|
|
* @returns SVG element.
|
|
*/
|
|
get viewportElement() {
|
|
return this.ownerSVGElement;
|
|
}
|
|
/**
|
|
* Returns data set.
|
|
*
|
|
* @returns Data set.
|
|
*/
|
|
get dataset() {
|
|
return (this.#dataset ??= new DOMStringMap_js_1.default(PropertySymbol.illegalConstructor, this));
|
|
}
|
|
/**
|
|
* Returns style.
|
|
*
|
|
* @returns Style.
|
|
*/
|
|
get style() {
|
|
if (!this[PropertySymbol.style]) {
|
|
this[PropertySymbol.style] = new CSSStyleDeclaration_js_1.default(PropertySymbol.illegalConstructor, this[PropertySymbol.window], { element: this });
|
|
}
|
|
return this[PropertySymbol.style];
|
|
}
|
|
/**
|
|
* Returns tab index.
|
|
*
|
|
* @returns Tab index.
|
|
*/
|
|
get tabIndex() {
|
|
const tabIndex = this.getAttribute('tabindex');
|
|
return tabIndex !== null ? Number(tabIndex) : -1;
|
|
}
|
|
/**
|
|
* Returns tab index.
|
|
*
|
|
* @param tabIndex Tab index.
|
|
*/
|
|
set tabIndex(tabIndex) {
|
|
if (tabIndex === -1) {
|
|
this.removeAttribute('tabindex');
|
|
}
|
|
else {
|
|
this.setAttribute('tabindex', String(tabIndex));
|
|
}
|
|
}
|
|
/**
|
|
* Triggers a blur event.
|
|
*/
|
|
blur() {
|
|
HTMLElementUtility_js_1.default.blur(this);
|
|
}
|
|
/**
|
|
* Triggers a focus event.
|
|
*/
|
|
focus() {
|
|
HTMLElementUtility_js_1.default.focus(this);
|
|
}
|
|
}
|
|
exports.default = SVGElement;
|
|
//# sourceMappingURL=SVGElement.cjs.map
|