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
104 lines
3.8 KiB
JavaScript
104 lines
3.8 KiB
JavaScript
import DOMExceptionNameEnum from '../exception/DOMExceptionNameEnum.js';
|
|
import CSSParser from './utilities/CSSParser.js';
|
|
import * as PropertySymbol from '../PropertySymbol.js';
|
|
/**
|
|
* CSS StyleSheet.
|
|
*
|
|
* Reference:
|
|
* https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet.
|
|
*/
|
|
export default class CSSStyleSheet {
|
|
value = null;
|
|
name = null;
|
|
namespaceURI = null;
|
|
cssRules = [];
|
|
// TODO: MediaList is not fully implemented.
|
|
media;
|
|
title;
|
|
alternate;
|
|
disabled;
|
|
#currentText = null;
|
|
/**
|
|
* Constructor.
|
|
*
|
|
* @param [options] Options.
|
|
* @param [options.media] Media.
|
|
* @param [options.title] Title.
|
|
* @param [options.alternate] Alternate.
|
|
* @param [options.disabled] Disabled.
|
|
*/
|
|
constructor(options) {
|
|
this.media = options && options.media ? options.media : '';
|
|
this.title = options && options.title ? options.title : '';
|
|
this.alternate = options && options.alternate ? options.alternate : false;
|
|
this.disabled = options && options.disabled ? options.disabled : false;
|
|
}
|
|
/**
|
|
* Inserts a rule.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
|
|
* @param rule Rule.
|
|
* @param [index] Index.
|
|
* @returns The newly inserterted rule's index.
|
|
*/
|
|
insertRule(rule, index) {
|
|
if (arguments.length === 0) {
|
|
throw new this[PropertySymbol.window].TypeError(`Failed to execute 'insertRule' on 'CSSStyleSheet': 1 argument required, but only 0 present.`);
|
|
}
|
|
const rules = CSSParser.parseFromString(this, rule);
|
|
if (rules.length === 0 || rules.length > 1) {
|
|
throw new this[PropertySymbol.window].DOMException(`Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '${rule}'.`, DOMExceptionNameEnum.syntaxError);
|
|
}
|
|
if (index !== undefined) {
|
|
if (index > this.cssRules.length) {
|
|
throw new this[PropertySymbol.window].DOMException(`Failed to execute 'insertRule' on 'CSSStyleSheet': The index provided (${index}) is larger than the maximum index (${this.cssRules.length - 1}).`, DOMExceptionNameEnum.indexSizeError);
|
|
}
|
|
this.cssRules.splice(index, 0, rules[0]);
|
|
return index;
|
|
}
|
|
const newIndex = this.cssRules.length;
|
|
this.cssRules.push(rules[0]);
|
|
return newIndex;
|
|
}
|
|
/**
|
|
* Removes a rule.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/deleteRule
|
|
* @param index Index.
|
|
*/
|
|
deleteRule(index) {
|
|
if (arguments.length === 0) {
|
|
throw new this[PropertySymbol.window].TypeError(`Failed to execute 'deleteRule' on 'CSSStyleSheet': 1 argument required, but only 0 present.`);
|
|
}
|
|
this.cssRules.splice(index, 1);
|
|
}
|
|
/**
|
|
* Replaces all CSS rules.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/replace
|
|
* @param text CSS text.
|
|
* @returns Promise.
|
|
*/
|
|
async replace(text) {
|
|
if (arguments.length === 0) {
|
|
throw new this[PropertySymbol.window].TypeError(`Failed to execute 'replace' on 'CSSStyleSheet': 1 argument required, but only 0 present.`);
|
|
}
|
|
this.replaceSync(text);
|
|
}
|
|
/**
|
|
* Replaces all CSS rules.
|
|
*
|
|
* @see https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/replaceSync
|
|
* @param text CSS text.
|
|
*/
|
|
replaceSync(text) {
|
|
if (arguments.length === 0) {
|
|
throw new this[PropertySymbol.window].TypeError(`Failed to execute 'replaceSync' on 'CSSStyleSheet': 1 argument required, but only 0 present.`);
|
|
}
|
|
if (this.#currentText !== text) {
|
|
this.#currentText = text;
|
|
this.cssRules = CSSParser.parseFromString(this, text);
|
|
}
|
|
}
|
|
}
|
|
//# sourceMappingURL=CSSStyleSheet.js.map
|