var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
  return c > 3 && r && Object.defineProperty(target, key, r), r;
};
import { Component, Element, Prop } from '@stencil/core';
import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
import { VegaSkeletonTextRenderer } from './slimmers/renderers/vega-skeleton-text-renderer';
import { VegaSkeletonParagraphRenderer } from './slimmers/renderers/vega-skeleton-paragraph-renderer';
import { VegaSkeletonFullWidthParagraphRenderer } from './slimmers/renderers/vega-skeleton-full-width-paragraph-renderer';
import { VegaSkeletonImageRenderer } from './slimmers/renderers/vega-skeleton-image-renderer';
import { VegaSkeletonTableRenderer } from './slimmers/renderers/vega-skeleton-table-renderer';
import { VegaSkeletonRendererManager } from './slimmers/renderers/vega-skeleton-renderer-manager';
import { VegaSkeletonEllipseRenderer } from './slimmers/renderers/vega-skeleton-ellipse-renderer';
/**
 * @vegaVersion 2.15.0
 */
export class VegaSkeleton {
  constructor() {
    this.globalSlimmers = {};
    this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
    this.vegaSkeletonTextRenderer = new VegaSkeletonTextRenderer();
    this.vegaSkeletonParagraphRenderer = new VegaSkeletonParagraphRenderer();
    this.vegaSkeletonFullWidthParagraphRenderer = new VegaSkeletonFullWidthParagraphRenderer();
    this.vegaSkeletonEllipseRenderer = new VegaSkeletonEllipseRenderer();
    this.vegaSkeletonImageRenderer = new VegaSkeletonImageRenderer();
    this.vegaSkeletonTableRenderer = new VegaSkeletonTableRenderer();
    this.vegaSkeletonRendererManager = new VegaSkeletonRendererManager();
    /**
     * Specifies the type of the skeleton.
     *
     * @vegaVersion 2.15.0
     */
    this.type = 'text';
    /**
     * Indicates whether the skeleton displays an animation effect.
     *
     * @vegaVersion 2.15.0
     */
    this.animated = false;
    /**
     * Defines the corner of the skeleton.
     *    It accepts a string value representing a valid
     *    border radius token.
     * @VegaHint This property is only valid for image types.
     *
     * @vegaVersion 2.45.0
     */
    this.corners = 'rounded-12';
  }
  render() {
    return this.vegaSkeletonRendererManager.render();
  }
  static get is() { return "vega-skeleton"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() { return {
    "$": ["vega-skeleton.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["vega-skeleton.css"]
  }; }
  static get properties() { return {
    "type": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "VegaSkeletonType",
        "resolved": "\"ellipse\" | \"full-width-paragraph\" | \"image\" | \"paragraph\" | \"table\" | \"text\"",
        "references": {
          "VegaSkeletonType": {
            "location": "import",
            "path": "./interface"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "name": "vegaVersion",
            "text": "2.15.0"
          }],
        "text": "Specifies the type of the skeleton."
      },
      "attribute": "type",
      "reflect": true,
      "defaultValue": "'text'"
    },
    "width": {
      "type": "any",
      "mutable": false,
      "complexType": {
        "original": "WidthType",
        "resolved": "number | string",
        "references": {
          "WidthType": {
            "location": "import",
            "path": "../../types/ui.type"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "name": "vegaVersion",
            "text": "2.15.0"
          }],
        "text": "Specifies the width of the skeleton."
      },
      "attribute": "width",
      "reflect": false
    },
    "height": {
      "type": "any",
      "mutable": false,
      "complexType": {
        "original": "HeightType",
        "resolved": "number | string",
        "references": {
          "HeightType": {
            "location": "import",
            "path": "../../types/ui.type"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "name": "vegaVersion",
            "text": "2.15.0"
          }],
        "text": "Specifies the height of the skeleton.\n- This property is applicable only when {@link type} is set to is `image` or `ellipse`."
      },
      "attribute": "height",
      "reflect": false
    },
    "animated": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "name": "vegaVersion",
            "text": "2.15.0"
          }],
        "text": "Indicates whether the skeleton displays an animation effect."
      },
      "attribute": "animated",
      "reflect": false,
      "defaultValue": "false"
    },
    "corners": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "CornersType",
        "resolved": "\"rounded-12\" | \"rounded-16\" | \"rounded-2\" | \"rounded-24\" | \"rounded-32\" | \"rounded-4\" | \"rounded-48\" | \"rounded-8\" | \"rounded-full\" | \"rounded-none\" | { left?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; right?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; top?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; bottom?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; }",
        "references": {
          "CornersType": {
            "location": "import",
            "path": "../../types/ui.type"
          }
        }
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [{
            "name": "VegaHint",
            "text": "This property is only valid for image types."
          }, {
            "name": "vegaVersion",
            "text": "2.45.0"
          }],
        "text": "Defines the corner of the skeleton.\n   It accepts a string value representing a valid\n   border radius token."
      },
      "attribute": "corners",
      "reflect": false,
      "defaultValue": "'rounded-12'"
    }
  }; }
  static get elementRef() { return "host"; }
}
__decorate([
  InjectVegaGlobalSlimmer()
], VegaSkeleton.prototype, "globalSlimmers", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonTextRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonParagraphRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonFullWidthParagraphRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonEllipseRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonImageRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonTableRenderer", void 0);
__decorate([
  InjectVegaSlimmer()
], VegaSkeleton.prototype, "vegaSkeletonRendererManager", void 0);
