carbon-custom-elements/es/components/progress-indicator/progress-step-skeleton.d.ts.map

A Carbon Design System variant that's as easy to use as native HTML elements, with no framework tax, no framework silo.

{"version":3,"sources":["components/progress-indicator/progress-step-skeleton.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE;;GAEG;AACH,cACM,sBAAuB,SAAQ,UAAU;IAC7C;;OAEG;IAEH,QAAQ,UAAS;IAEjB,MAAM;IAYN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,sBAAsB,CAAC","file":"progress-step-skeleton.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './progress-indicator.scss';\n\nconst { prefix } = settings;\n\n/**\n * Skeleton of progress step.\n */\n@customElement(`${prefix}-progress-step-skeleton`)\nclass BXProgressStepSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  render() {\n    return html`\n      <div class=\"${prefix}--progress-step-button ${prefix}--progress-step-button--unclickable\">\n        <svg>\n          <path d=\"M 7, 7 m -7, 0 a 7,7 0 1,0 14,0 a 7,7 0 1,0 -14,0\" />\n        </svg>\n        <p class=\"${prefix}--progress-label\"></p>\n        <span class=\"${prefix}--progress-line\"></span>\n      </div>\n    `;\n  }\n\n  static styles = styles;\n}\n\nexport default BXProgressStepSkeleton;\n"]}