47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { Injectable } from '@angular/core';
|
|
|
|
@Injectable({
|
|
providedIn: 'root'
|
|
})
|
|
export class StyleManagerService {
|
|
|
|
constructor() { }
|
|
|
|
/**
|
|
* Set the stylesheet with the specified key.
|
|
*/
|
|
setStyle(key: string, href: string) {
|
|
getLinkElementForKey(key).setAttribute('href', href);
|
|
}
|
|
|
|
/**
|
|
* Remove the stylesheet with the specified key.
|
|
*/
|
|
removeStyle(key: string) {
|
|
const existingLinkElement = getExistingLinkElementByKey(key);
|
|
if (existingLinkElement) {
|
|
document.head.removeChild(existingLinkElement);
|
|
}
|
|
}
|
|
}
|
|
|
|
function getLinkElementForKey(key: string) {
|
|
return getExistingLinkElementByKey(key) || createLinkElementWithKey(key);
|
|
}
|
|
|
|
function getExistingLinkElementByKey(key: string) {
|
|
return document.head.querySelector(`link[rel="stylesheet"].${getClassNameForKey(key)}`);
|
|
}
|
|
|
|
function createLinkElementWithKey(key: string) {
|
|
const linkEl = document.createElement('link');
|
|
linkEl.setAttribute('rel', 'stylesheet');
|
|
linkEl.classList.add(getClassNameForKey(key));
|
|
document.head.appendChild(linkEl);
|
|
return linkEl;
|
|
}
|
|
|
|
function getClassNameForKey(key: string) {
|
|
return `style-manager-${key}`;
|
|
}
|