{"mappings":"AACA,cAAc,sBAAiC;AAG/C,SAAwB,mBAAmB;;;;;;AAS3C,cAeM,gBAAgB,YAAY;;;;CAIhC,AACA;CAEA,UAAU,UAAU,eAAe;;AAOrC,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/divider/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"divider\";\n\n/**\n * {@linkcode Divider} similar to `<hr>`.\n *\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.05em;\n    display: block;\n    background: currentColor;\n    color: var(${cssGlobalVars.passive});\n  }\n\n  :host([vertical]) {\n    width: 0.05em;\n    height: 100%;\n  }\n`)\nclass Divider extends GlobalStyle {\n  /**\n   * Whether to display the divider vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\"></div>\n    `;\n  }\n}\n\nexport default Divider;\nexport { Divider };\n"],"version":3,"file":"component.d.ts"}