'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-b55be5aa.js');

const styleCss = "x-skeleton{cursor:progress;border-radius:0.25rem;background-color:rgba(var(--color-text-rgb, 74, 74, 74), 0.2);display:inline-block;vertical-align:middle;position:relative;overflow:hidden}x-skeleton::after{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);background-image:-webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.3)), color-stop(60%, rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0)));background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.3) 20%, rgba(255, 255, 255, 0.6) 60%, rgba(255, 255, 255, 0));-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;content:\"\"}.is-dark-mode x-skeleton{background-color:rgba(var(--color-text-rgb, 74, 74, 74), 0.4)}x-action:not(.action-color-default) x-skeleton,x-notification:not(.notification-default) x-skeleton{background-color:rgba(var(--color-text-light-rgb, 254, 254, 254), 0.4) !important}@-webkit-keyframes skeleton{to{background-color:var(--color-border, #C8C7CC)}}@keyframes skeleton{to{background-color:var(--color-border, #C8C7CC)}}@-webkit-keyframes shimmer{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shimmer{100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}";
const XSkeletonStyle0 = styleCss;

const XSkeleton = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.width = undefined;
        this.height = '1rem';
        this.block = false;
    }
    /**
     * Render component
     */
    render() {
        return index.h(index.Host, { key: '94d7e02275b5a7055e04ea5882c9542ab993987a', style: {
                height: this.height,
                width: this.width,
                display: this.block ? 'block' : 'inline-block'
            } });
    }
};
XSkeleton.style = XSkeletonStyle0;

exports.x_skeleton = XSkeleton;
