@api-client/ui 0.0.4 → 0.0.7

package/dist/ui/list/DividerElement.js

@@ -1,87 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, LitElement } from "lit";
-import { property } from "lit/decorators.js";
-export var DividerType;
-(function (DividerType) {
-    DividerType["full"] = "full";
-    DividerType["inset"] = "inset";
-    DividerType["middle"] = "middle";
-})(DividerType || (DividerType = {}));
-/**
- * A divider element.
- */
-export default class DividerElement extends LitElement {
-    static get styles() {
-        return css `
-    :host {
-      display: block;
-      margin-top: 8px;
-      margin-bottom: 8px;
-
-      --ui-divider-padding: 16px;
-      --ui-divider-horizontal-separation: 8px;
-    }
-
-    .container {
-      height: 1px;
-      width: 100%;
-      box-sizing: border-box;
-    }
-
-    .container::before {
-      content: '';
-      height: inherit;
-      background-color: var(--md-sys-color-outline-variant);
-      display: block;
-    }
-
-    :host([type="inset"]) .container {
-      padding-left: var(--ui-divider-padding);
-    }
-
-    :host([type="middle"]) .container {
-      padding-left: var(--ui-divider-padding);
-      padding-right: var(--ui-divider-padding);
-    }
-
-    :host([horizontal]) {
-      margin: 0;
-      height: 100%;
-    }
-
-    :host([horizontal]) .container {
-      width: 1px;
-      height: 100%;
-      margin: 0 var(--ui-divider-horizontal-separation);
-    }
-
-    :host([horizontal][type="middle"]) .container {
-      padding: var(--ui-divider-padding) 0 var(--ui-divider-padding) 0;
-    }
-    `;
-    }
-    /**
-     * The predefined type of the divider.
-     * @attribute
-     */
-    type;
-    /**
-     * Whether to render the divider as a horizontal separation.
-     * @attribute
-     */
-    horizontal = false;
-    constructor() {
-        super();
-        this.type = DividerType.full;
-    }
-    render() {
-        return html `<div class="container"></div>`;
-    }
-}
-__decorate([
-    property({ type: String, reflect: true })
-], DividerElement.prototype, "type", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], DividerElement.prototype, "horizontal", void 0);
-//# sourceMappingURL=DividerElement.js.map

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;IAED;;;OAGG;IACwC,IAAI,CAAc;IAE7D;;;OAGG;IACyC,UAAU,GAAG,KAAK,CAAC;IAE/D;QACE,KAAK,EAAE,CAAC;QACR,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"]}