/**
 * Copyright IBM Corp. 2026
 *
 * This source code is licensed under the Apache-2.0 license found in the
 * LICENSE file in the root directory of this source tree.
 */

import "../../globals/settings.js";
import { carbonElement } from "../../globals/decorators/carbon-element.js";
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
import skeleton_placeholder_default$1 from "./skeleton-placeholder.scss.js";
import { LitElement, html } from "lit";
import { property } from "lit/decorators.js";
import { classMap } from "lit/directives/class-map.js";
//#region src/components/skeleton-placeholder/skeleton-placeholder.ts
/**
* Copyright IBM Corp. 2019, 2024
*
* This source code is licensed under the Apache-2.0 license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* Skeleton placeholder.
*
* @element cds-skeleton-placeholder
*/
let CDSSkeletonPlaceholder = class CDSSkeletonPlaceholder extends LitElement {
	render() {
		let defaultClasses = { [`cds--skeleton__placeholder`]: true };
		if (this.optionalClasses) {
			const outputObject = {};
			this.optionalClasses?.split(" ").forEach((element) => {
				outputObject[element] = true;
			});
			defaultClasses = {
				...defaultClasses,
				...outputObject
			};
		}
		return html` <div part="placeholder" class="${classMap(defaultClasses)}"></div> `;
	}
	static {
		this.styles = skeleton_placeholder_default$1;
	}
};
__decorate([property({
	reflect: true,
	attribute: "optional-classes"
})], CDSSkeletonPlaceholder.prototype, "optionalClasses", void 0);
CDSSkeletonPlaceholder = __decorate([carbonElement(`cds-skeleton-placeholder`)], CDSSkeletonPlaceholder);
var skeleton_placeholder_default = CDSSkeletonPlaceholder;
//#endregion
export { skeleton_placeholder_default as default };

//# sourceMappingURL=skeleton-placeholder.js.map