"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
Object.defineProperty(exports, "__esModule", { value: true });
const path_1 = require("path");
const tempseal_1 = require("@sealcode/tempseal");
let OrderedPictogramTiles;
OrderedPictogramTiles = (add_effect, config, tiles) => __awaiter(void 0, void 0, void 0, function* () {
    const tile_htmls = (yield Promise.all(tiles.map((tile) => __awaiter(void 0, void 0, void 0, function* () {
        const image = yield add_effect(tempseal_1.SideEffects.File.fromPath(tile.icon_path));
        return /* HTML */ `
					<li
						class="pictogram-tiles__tile pictogram-tiles__tile--${tile.color}"
					>
						<div class="pictogram-tiles__content">
							<div class="pictogram-tiles__upperSection">
								<span>${tile.number}</span>
								<img
									src="${yield image.getUrlPlaceholder()}"
									alt="${tile.icon_alt}"
								/>
							</div>
							<div class="pictogram-tiles__lowerSection">
								<h3>${tile.title}</h3>
								<p>${tile.description}</p>
							</div>
						</div>
					</li>
				`;
    })))).join("\n");
    const html = /* HTML */ `
		<section>
			<ol class="pictogram-tiles">
				${tile_htmls}
			</ol>
		</section>
	`;
    yield Promise.all([
        tempseal_1.SideEffects.Scss.addFromPath(add_effect, config, path_1.resolve(__dirname, "ordered-pictogram-tiles.scss")),
        add_effect(new tempseal_1.SideEffects.HtmlChunk(html)),
    ]);
});
OrderedPictogramTiles.identifier = "ordered-pictogram-tiles";
exports.default = OrderedPictogramTiles;
//# sourceMappingURL=ordered-pictogram-tiles.js.map