org.jboss.elemento.HasElement Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of elemento-core Show documentation
Elemento Core API
There is a newer version: 1.6.11
/*
 *  Copyright 2023 Red Hat
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      https://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
package org.jboss.elemento;

import java.util.function.Consumer;
import java.util.function.Supplier;

import org.gwtproject.safehtml.shared.SafeHtml;

import elemental2.dom.AddEventListenerOptions;
import elemental2.dom.Element;
import elemental2.dom.Event;

import static org.jboss.elemento.EventType.bind;

/**
 * Provides methods and default implementations for modifying elements.
 */
public interface HasElement>
        extends TypedBuilder, IsElement {

    // ------------------------------------------------------ id, text, HTML

    /** Generates and sets an unique id on the element. */
    default B uniqueId() {
        return id(Id.unique());
    }

    /** Sets the id on the element. */
    default B id(String id) {
        element().id = id;
        return that();
    }

    /**
     * Sets the inner text on the element using {@link Element#textContent}. If you want to preserve existing child elements and
     * just want to change the text of the text node, use {@link #textNode(String)}.
     */
    default B textContent(String text) {
        element().textContent = text;
        return that();
    }

    /**
     * Changes the text of the first text node (if any) or adds the given text as a new text node. Use this method instead of
     * {@link Element#textContent} if you want to preserve existing child elements.
     */
    default B textNode(String text) {
        Elements.textNode(element(), text);
        return that();
    }

    /** Adds the given text as a text node. */
    default B add(String text) {
        element().appendChild(element().ownerDocument.createTextNode(text));
        return that();
    }

    /** Modifies the inner HTML on the element using {@link Element#innerHTML}. */
    default B innerHtml(SafeHtml html) {
        element().innerHTML = html.asString();
        return that();
    }

    // ------------------------------------------------------ CSS

    /** Adds the specified CSS classes to the class list of the element. */
    default B css(String... classes) {
        classList().add(classes);
        return that();
    }

    /** Toggle the class value; i.e., if the class exists then remove it, if not, then add it. */
    default B toggle(String className) {
        classList().toggle(className);
        return that();
    }

    /** Adds (force=true) or removes (force=false) the specified CSS class to the class list of the element. */
    default B toggle(String className, boolean force) {
        classList().toggle(className, force);
        return that();
    }

    /** Adds (force=true) or removes (force=false) the specified CSS class to the class list of the element. */
    default B toggle(String className, Supplier force) {
        classList().toggle(className, force.get());
        return that();
    }

    default B classList(Consumer> classList) {
        classList.accept(ClassList.classList(element()));
        return that();
    }

    default ClassList classList() {
        return ClassList.classList(element());
    }

    // ------------------------------------------------------ attributes

    /** Sets the specified attribute of the element. */
    default B attr(String name, boolean value) {
        element().setAttribute(name, value);
        return that();
    }

    /** Sets the specified attribute of the element. */
    default B attr(String name, int value) {
        element().setAttribute(name, value);
        return that();
    }

    /** Sets the specified attribute of the element. */
    default B attr(String name, String value) {
        element().setAttribute(name, value);
        return that();
    }

    /**
     * Adds an {@code aria-} attribute to the element.
     *
     * @param name The name of the aria attribute w/o the {@code aria-} prefix. However it won't be added if it's already
     *             present.
     */
    default B aria(String name, boolean value) {
        String safeName = name.startsWith("aria-") ? name : "aria-" + name;
        return attr(safeName, value);
    }

    /**
     * Adds an {@code aria-} attribute to the element.
     *
     * @param name The name of the aria attribute w/o the {@code aria-} prefix. However it won't be added if it's already
     *             present.
     */
    default B aria(String name, int value) {
        String safeName = name.startsWith("aria-") ? name : "aria-" + name;
        return attr(safeName, value);
    }

    /**
     * Adds an {@code aria-} attribute to the element.
     *
     * @param name The name of the aria attribute w/o the {@code aria-} prefix. However it won't be added if it's already
     *             present.
     */
    default B aria(String name, String value) {
        String safeName = name.startsWith("aria-") ? name : "aria-" + name;
        return attr(safeName, value);
    }

    // ------------------------------------------------------ functional

    /** Provides a way to modify the wrapped element using the specified consumer. */
    default B apply(Consumer consumer) {
        consumer.accept(element());
        return that();
    }

    /** Executes code in the context of this builder. */
    default B run(Consumer consumer) {
        consumer.accept(that());
        return that();
    }

    // ------------------------------------------------------ event handler

    /**
     * Adds the given callback to the element.
     * 
     * {@snippet class = ElementsDemo region = on}
     */
    default  B on(EventType type, EventCallbackFn callback) {
        bind(element(), type, callback);
        return that();
    }

    default  B on(EventType type, boolean useCapture, EventCallbackFn callback) {
        bind(element(), type, useCapture, callback);
        return that();
    }

    default  B on(EventType type, AddEventListenerOptions options, EventCallbackFn callback) {
        bind(element(), type, options, callback);
        return that();
    }
}