import { RgthreeCustomElement } from "../../common/components/base_custom_element.js";
export class RgthreeModelInfoCard extends RgthreeCustomElement {
    constructor() {
        super(...arguments);
        this.data = {};
    }
    getModified(value, data, currentElement, contextElement) {
        const date = new Date(value);
        return String(`${date.toLocaleDateString()} ${date.toLocaleTimeString()}`);
    }
    getCivitaiLink(links) {
        return (links === null || links === void 0 ? void 0 : links.find((i) => i.includes("civitai.com/models"))) || null;
    }
    setModelData(data) {
        this.data = data;
    }
    hasBaseModel(baseModel) {
        return this.data.baseModel === baseModel;
    }
    hasData(field) {
        var _a;
        if (field === "civitai") {
            return !!((_a = this.getCivitaiLink(this.data.links)) === null || _a === void 0 ? void 0 : _a.length);
        }
        return !!this.data[field];
    }
    matchesQueryText(query) {
        var _a;
        return (_a = (this.data.name || this.data.file)) === null || _a === void 0 ? void 0 : _a.includes(query);
    }
    hide() {
        this.classList.add("-is-hidden");
    }
    show() {
        this.classList.remove("-is-hidden");
    }
}
RgthreeModelInfoCard.NAME = "rgthree-model-info-card";
RgthreeModelInfoCard.TEMPLATES = "components/model-info-card.html";
RgthreeModelInfoCard.CSS = "components/model-info-card.css";
RgthreeModelInfoCard.USE_SHADOW = false;