You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
53 lines
1.4 KiB
53 lines
1.4 KiB
/**
|
|
* @inheritdoc
|
|
* @extends ChildbearerComponent
|
|
* @abstract
|
|
*/
|
|
class ModifiableComponent extends ChildbearerComponent {
|
|
/**
|
|
* @type {Modifier} modifier
|
|
*/
|
|
_modifier;
|
|
|
|
constructor(element, attr = {}) {
|
|
super(element, attr);
|
|
this._modifier = new Modifier();
|
|
}
|
|
|
|
/**
|
|
* Sets, updates or overwrites the Modifier-Object for this component
|
|
* @param {Modifier} modifier
|
|
* @param {boolean|ExtStorage|ExtStoreType|OverwriteBehaviour} [extStore=null]
|
|
* @returns {Component} this component object
|
|
*/
|
|
modifier(modifier, underTheName = "", extStore = false) {
|
|
if (underTheName === "") {
|
|
underTheName = `.${this._compName}-style-${this._styles.length}`;
|
|
}
|
|
|
|
if (!extStore) {
|
|
this._modifier = this._modifier
|
|
.join(modifier.ensureModifier());
|
|
} else {
|
|
this.addStyleClass(underTheName);
|
|
this._styles.push(
|
|
new SStoreDefinition(
|
|
underTheName,
|
|
modifier.ensureModifier()
|
|
)
|
|
);
|
|
}
|
|
|
|
return this;
|
|
}
|
|
|
|
/**
|
|
* Returns a Modifier to chain modifications
|
|
* instead of setting them within an sepperate context.
|
|
* @returns {ChainableModifier}
|
|
*/
|
|
chainModifier() {
|
|
return new ChainableModifier(this);
|
|
}
|
|
|
|
}
|
|
|