@api-client/ui 0.0.5 → 0.0.7

package/dist/ui/list/DividerElement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DividerElement.js","sourceRoot":"","sources":["../../../src/ui/list/DividerElement.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAa,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,4BAAe,CAAA;IACf,8BAAiB,CAAA;IACjB,gCAAmB,CAAA;AACrB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,MAAM,KAAc,MAAM;QACxB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8CT,CAAC;IACJ,CAAC;IAcD;QACE,KAAK,EAAE,CAAC;QAPV;;;WAGG;QACyC,eAAU,GAAG,KAAK,CAAC;QAI7D,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;IAC/B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,+BAA+B,CAAC;IAC7C,CAAC;CACF;AAhB4C;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAmB;AAMjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAoB","sourcesContent":["import { css, CSSResult, html, LitElement, TemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nexport enum DividerType {\n  'full' = 'full',\n  'inset' = 'inset',\n  'middle' = 'middle',\n}\n\n/**\n * A divider element.\n */\nexport default class DividerElement extends LitElement {\n  static override get styles(): CSSResult | CSSResult[] {\n    return css`\n    :host {\n      display: block;\n      margin-top: 8px;\n      margin-bottom: 8px;\n\n      --ui-divider-padding: 16px;\n      --ui-divider-horizontal-separation: 8px;\n    }\n\n    .container {\n      height: 1px;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .container::before {\n      content: '';\n      height: inherit;\n      background-color: var(--md-sys-color-outline-variant);\n      display: block;\n    }\n\n    :host([type=\"inset\"]) .container {\n      padding-left: var(--ui-divider-padding);\n    }\n\n    :host([type=\"middle\"]) .container {\n      padding-left: var(--ui-divider-padding);\n      padding-right: var(--ui-divider-padding);\n    }\n\n    :host([horizontal]) {\n      margin: 0;\n      height: 100%;\n    }\n\n    :host([horizontal]) .container {\n      width: 1px;\n      height: 100%;\n      margin: 0 var(--ui-divider-horizontal-separation);\n    }\n\n    :host([horizontal][type=\"middle\"]) .container {\n      padding: var(--ui-divider-padding) 0 var(--ui-divider-padding) 0;\n    }\n    `;\n  }\n\n  /**\n   * The predefined type of the divider.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) type: DividerType;\n\n  /**\n   * Whether to render the divider as a horizontal separation.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) horizontal = false;\n\n  constructor() {\n    super();\n    this.type = DividerType.full;\n  }\n\n  protected override render(): TemplateResult {\n    return html`<div class=\"container\"></div>`;\n  }\n}\n"]}