@paperless/core 2.0.1-beta.17 → 2.0.1-beta.19

package/dist/collection/components/atoms/loader/loader.component.js

@@ -1,154 +1,166 @@
 import { h, Host } from "@stencil/core";
 export class Loader {
-  constructor() {
-    this._show = this.show;
-    this._loader = (h("div", { class: `loader color-${this.color}` }));
-    this.show = true;
-    this.variant = 'inline';
-    this.color = 'indigo';
-    this.modalTitle = undefined;
-    this.modalDescription = undefined;
-  }
-  componentWillRender() {
-    this._checkShow();
-  }
-  componentShouldUpdate() {
-    this._checkShow();
-  }
-  render() {
-    if (!this._show) {
-      return;
+    constructor() {
+        this.show = true;
+        this.variant = 'inline';
+        this.color = 'indigo';
+        this.modalTitle = undefined;
+        this.modalDescription = undefined;
     }
-    if (this.variant === 'ghost') {
-      return h(Host, { class: "p-loader variant-ghost" });
+    _show = false;
+    _showSubscriber;
+    componendDidLoad() {
+        this._show = this.show;
     }
-    if (this.variant === 'full-screen') {
-      return (h(Host, { class: "p-loader variant-full-screen" }, h("div", { class: "loading-screen" }, h("div", { class: "content" }, h("slot", null), h("div", { class: "loader-wrapper" }, this._loader)))));
+    componentWillRender() {
+        this._checkShow();
     }
-    return (h(Host, { class: `p-loader variant-default flex ${this.variant === 'full-width' &&
-        'w-full flex justify-center text-4xl'}` }, this._loader));
-  }
-  _checkShow() {
-    var _a;
-    if (this._showSubscriber) {
-      this._showSubscriber.unsubscribe();
-      this._showSubscriber = null;
+    componentShouldUpdate() {
+        this._checkShow();
     }
-    if (typeof this.show !== 'boolean') {
-      this._showSubscriber = (_a = this.show) === null || _a === void 0 ? void 0 : _a.subscribe((show) => (this._show = show));
-      return;
+    render() {
+        if (!this._show) {
+            return;
+        }
+        if (this.variant === 'ghost') {
+            return h(Host, { class: 'p-loader variant-ghost' });
+        }
+        const loader = h("div", { class: `loader color-${this.color}` });
+        if (this.variant === 'full-screen') {
+            return (h(Host, { class: 'p-loader variant-full-screen' }, h("div", { class: 'loading-screen' }, h("div", { class: 'content' }, h("slot", null), h("div", { class: 'loader-wrapper' }, loader)))));
+        }
+        return (h(Host, { class: `p-loader variant-default flex ${this.variant === 'full-width' && 'flex w-full justify-center text-4xl'}` }, loader));
     }
-    this._show = this.show;
-  }
-  static get is() { return "p-loader"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["loader.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["loader.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "show": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean | Observable<boolean>",
-          "resolved": "Observable<boolean> | boolean",
-          "references": {
-            "Observable": {
-              "location": "import",
-              "path": "rxjs",
-              "id": "../../node_modules/rxjs/dist/types/index.d.ts::Observable"
+    _checkShow() {
+        if (this._showSubscriber) {
+            this._showSubscriber.unsubscribe();
+            this._showSubscriber = null;
+        }
+        if (typeof this.show !== 'boolean') {
+            this._showSubscriber = this.show?.subscribe(show => (this._show = show));
+            return;
+        }
+        this._show = this.show;
+    }
+    static get is() { return "p-loader"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["loader.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["loader.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "show": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean | Observable<boolean>",
+                    "resolved": "Observable<boolean> | boolean",
+                    "references": {
+                        "Observable": {
+                            "location": "import",
+                            "path": "rxjs",
+                            "id": "node_modules::Observable"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show or hide the loader"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "show",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost'",
+                    "resolved": "\"full-screen\" | \"full-width\" | \"ghost\" | \"inline\" | \"modal\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Variant of loader"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'inline'"
+            },
+            "color": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'indigo' | 'white' | 'storm'",
+                    "resolved": "\"indigo\" | \"storm\" | \"white\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Color of the loader"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "color",
+                "reflect": false,
+                "defaultValue": "'indigo'"
+            },
+            "modalTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "!NOT IMPLEMENTED! Modal title for modal variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "modal-title",
+                "reflect": false
+            },
+            "modalDescription": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "!NOT IMPLEMENTED! Modal description for modal variant"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "modal-description",
+                "reflect": false
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show or hide the loader"
-        },
-        "attribute": "show",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost'",
-          "resolved": "\"full-screen\" | \"full-width\" | \"ghost\" | \"inline\" | \"modal\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Variant of loader"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'inline'"
-      },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'indigo' | 'white' | 'storm'",
-          "resolved": "\"indigo\" | \"storm\" | \"white\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Color of the loader"
-        },
-        "attribute": "color",
-        "reflect": false,
-        "defaultValue": "'indigo'"
-      },
-      "modalTitle": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "!NOT IMPLEMENTED! Modal title for modal variant"
-        },
-        "attribute": "modal-title",
-        "reflect": false
-      },
-      "modalDescription": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "!NOT IMPLEMENTED! Modal description for modal variant"
-        },
-        "attribute": "modal-description",
-        "reflect": false
-      }
-    };
-  }
+        };
+    }
 }
 //# sourceMappingURL=loader.component.js.map

package/dist/collection/components/atoms/loader/loader.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;;IA+BV,UAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IAGlB,YAAO,GAAG,CAAC,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC,CAAC;gBA9BvB,IAAI;mBAUrC,QAAQ;iBAKyB,QAAQ;;;;EAiBtD,mBAAmB;IAClB,IAAI,CAAC,UAAU,EAAE,CAAC;EACnB,CAAC;EAED,qBAAqB;IACpB,IAAI,CAAC,UAAU,EAAE,CAAC;EACnB,CAAC;EAED,MAAM;IACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;MAChB,OAAO;KACP;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE;MAC7B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;KACpD;IAED,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE;MACnC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B;QACzC,WAAK,KAAK,EAAC,gBAAgB;UAC1B,WAAK,KAAK,EAAC,SAAS;YACnB,eAAQ;YAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,OAAO,CAAO,CAC3C,CACD,CACA,CACP,CAAC;KACF;IAED,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,iCACN,IAAI,CAAC,OAAO,KAAK,YAAY;QAC7B,qCACD,EAAE,IAED,IAAI,CAAC,OAAO,CACP,CACP,CAAC;EACH,CAAC;EAEO,UAAU;;IACjB,IAAI,IAAI,CAAC,eAAe,EAAE;MACzB,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;MACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;KAC5B;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;MACnC,IAAI,CAAC,eAAe,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,CAC1C,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAC7B,CAAC;MACF,OAAO;KACP;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;EACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant:\n\t\t| 'inline'\n\t\t| 'full-width'\n\t\t| 'full-screen'\n\t\t| 'modal'\n\t\t| 'ghost' = 'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show = this.show;\n\tprivate _showSubscriber: Subscription;\n\n\tprivate _loader = (<div class={`loader color-${this.color}`}></div>);\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class=\"p-loader variant-ghost\"></Host>;\n\t\t}\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class=\"p-loader variant-full-screen\">\n\t\t\t\t\t<div class=\"loading-screen\">\n\t\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class=\"loader-wrapper\">{this._loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' &&\n\t\t\t\t\t'w-full flex justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{this._loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(\n\t\t\t\t(show) => (this._show = show)\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"]}
+{"version":3,"file":"loader.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQzD,MAAM,OAAO,MAAM;;oBAI4B,IAAI;uBAMjD,QAAQ;qBAKqC,QAAQ;;;;IAY9C,KAAK,GAAkC,KAAK,CAAC;IAC7C,eAAe,CAAe;IAEtC,gBAAgB;QACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,qBAAqB;QACpB,IAAI,CAAC,UAAU,EAAE,CAAC;IACnB,CAAC;IAED,MAAM;QACL,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC9B,OAAO,EAAC,IAAI,IAAC,KAAK,EAAC,wBAAwB,GAAQ,CAAC;QACrD,CAAC;QAED,MAAM,MAAM,GAAG,WAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,KAAK,EAAE,GAAQ,CAAC;QAEhE,IAAI,IAAI,CAAC,OAAO,KAAK,aAAa,EAAE,CAAC;YACpC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,8BAA8B;gBACzC,WAAK,KAAK,EAAC,gBAAgB;oBAC1B,WAAK,KAAK,EAAC,SAAS;wBACnB,eAAQ;wBAER,WAAK,KAAK,EAAC,gBAAgB,IAAE,MAAM,CAAO,CACrC,CACD,CACA,CACP,CAAC;QACH,CAAC;QAED,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,iCACN,IAAI,CAAC,OAAO,KAAK,YAAY,IAAI,qCAClC,EAAE,IAED,MAAM,CACD,CACP,CAAC;IACH,CAAC;IAEO,UAAU;QACjB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;YACnC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC7B,CAAC;QAED,IAAI,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YACpC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC;YACzE,OAAO;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC;IACxB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n\ttag: 'p-loader',\n\tstyleUrl: 'loader.component.scss',\n\tshadow: true,\n})\nexport class Loader {\n\t/**\n\t * Wether to show or hide the loader\n\t */\n\t@Prop() show: boolean | Observable<boolean> = true;\n\n\t/**\n\t * Variant of loader\n\t */\n\t@Prop() variant: 'inline' | 'full-width' | 'full-screen' | 'modal' | 'ghost' =\n\t\t'inline';\n\n\t/**\n\t * Color of the loader\n\t */\n\t@Prop() color: 'indigo' | 'white' | 'storm' = 'indigo';\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal title for modal variant\n\t */\n\t@Prop() modalTitle: string;\n\n\t/**\n\t * !NOT IMPLEMENTED! Modal description for modal variant\n\t */\n\t@Prop() modalDescription: string;\n\n\tprivate _show: boolean | Observable<boolean> = false;\n\tprivate _showSubscriber: Subscription;\n\n\tcomponendDidLoad() {\n\t\tthis._show = this.show;\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._checkShow();\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._checkShow();\n\t}\n\n\trender() {\n\t\tif (!this._show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.variant === 'ghost') {\n\t\t\treturn <Host class='p-loader variant-ghost'></Host>;\n\t\t}\n\n\t\tconst loader = <div class={`loader color-${this.color}`}></div>;\n\n\t\tif (this.variant === 'full-screen') {\n\t\t\treturn (\n\t\t\t\t<Host class='p-loader variant-full-screen'>\n\t\t\t\t\t<div class='loading-screen'>\n\t\t\t\t\t\t<div class='content'>\n\t\t\t\t\t\t\t<slot />\n\n\t\t\t\t\t\t\t<div class='loader-wrapper'>{loader}</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</Host>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-loader variant-default flex ${\n\t\t\t\t\tthis.variant === 'full-width' && 'flex w-full justify-center text-4xl'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{loader}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkShow() {\n\t\tif (this._showSubscriber) {\n\t\t\tthis._showSubscriber.unsubscribe();\n\t\t\tthis._showSubscriber = null;\n\t\t}\n\n\t\tif (typeof this.show !== 'boolean') {\n\t\t\tthis._showSubscriber = this.show?.subscribe(show => (this._show = show));\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show = this.show;\n\t}\n}\n"]}

package/dist/collection/components/atoms/modal-body/modal-body.component.js

@@ -1,101 +1,109 @@
 import { h, Host } from "@stencil/core";
 export class ModalBody {
-  constructor() {
-    this.variant = 'default';
-    this.roundedBottom = false;
-    this.roundedTop = false;
-    this.padding = true;
-  }
-  render() {
-    return (h(Host, { class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, h("slot", null)));
-  }
-  static get is() { return "p-modal-body"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["modal-body.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["modal-body.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "'default' | 'table-flush'",
-          "resolved": "\"default\" | \"table-flush\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The variant of the modal body"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'default'"
-      },
-      "roundedBottom": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the modal body should be rounded at the bottom"
-        },
-        "attribute": "rounded-bottom",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "roundedTop": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the modal body should be rounded at the top"
-        },
-        "attribute": "rounded-top",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "padding": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the body should have padding"
-        },
-        "attribute": "padding",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
+    constructor() {
+        this.variant = 'default';
+        this.roundedBottom = false;
+        this.roundedTop = false;
+        this.padding = true;
+    }
+    render() {
+        return (h(Host, { key: '1b4a6fedbf81cd30f7842fe48878ccae7c0cbb70', class: `p-modal-body variant-${this.variant} ${this.roundedBottom && 'is-rounded-bottom'} ${this.roundedTop && 'is-rounded-top'} ${!this.padding && 'no-padding'}` }, h("slot", { key: '714bb76978da28bea87512fa36bd5b428ea2b31b' })));
+    }
+    static get is() { return "p-modal-body"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["modal-body.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["modal-body.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'default' | 'table-flush'",
+                    "resolved": "\"default\" | \"table-flush\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The variant of the modal body"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "variant",
+                "reflect": false,
+                "defaultValue": "'default'"
+            },
+            "roundedBottom": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the modal body should be rounded at the bottom"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "rounded-bottom",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "roundedTop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the modal body should be rounded at the top"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "rounded-top",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "padding": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the body should have padding"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "padding",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
 }
 //# sourceMappingURL=modal-body.component.js.map

package/dist/collection/components/atoms/modal-body/modal-body.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-body.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/modal-body/modal-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;;mBAIwB,SAAS;yBAKrB,KAAK;sBAKR,KAAK;mBAKR,IAAI;;EAE/B,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,aAAa,IAAI,mBACvB,IACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE;MAEnC,eAAQ,CACF,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"file":"modal-body.component.js","sourceRoot":"","sources":["../../../../src/components/atoms/modal-body/modal-body.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,SAAS;;uBAIwB,SAAS;6BAKrB,KAAK;0BAKR,KAAK;uBAKR,IAAI;;IAE/B,MAAM;QACL,OAAO,CACN,EAAC,IAAI,qDACJ,KAAK,EAAE,wBAAwB,IAAI,CAAC,OAAO,IAC1C,IAAI,CAAC,aAAa,IAAI,mBACvB,IACC,IAAI,CAAC,UAAU,IAAI,gBACpB,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,EAAE;YAEnC,8DAAQ,CACF,CACP,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal-body',\n\tstyleUrl: 'modal-body.component.scss',\n\tshadow: true,\n})\nexport class ModalBody {\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table-flush' = 'default';\n\n\t/**\n\t * Wether the modal body should be rounded at the bottom\n\t */\n\t@Prop() roundedBottom: boolean = false;\n\n\t/**\n\t * Wether the modal body should be rounded at the top\n\t */\n\t@Prop() roundedTop: boolean = false;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-modal-body variant-${this.variant} ${\n\t\t\t\t\tthis.roundedBottom && 'is-rounded-bottom'\n\t\t\t\t} ${\n\t\t\t\t\tthis.roundedTop && 'is-rounded-top'\n\t\t\t\t} ${!this.padding && 'no-padding'}`}\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}