@amiceli/papierjs 0.9.0 → 0.11.0

package/dist/collection/components/p-card/p-card.js

@@ -0,0 +1,113 @@
+import { Host, h } from "@stencil/core";
+/**
+ * @slot header - card header
+ * @slot title - card title
+ * @slot subtitle - card subtitle
+ * @slot text - card text
+ * @slot footer - card footer
+ */
+export class PCard {
+    constructor() {
+        this.dark = false;
+        /**
+         * Use border radius style like button, badge etc
+         */
+        this.radius = false;
+    }
+    componentDidLoad() {
+        this.hasHeader = !!this.el.querySelector('[slot="header"]');
+        this.hasFooter = !!this.el.querySelector('[slot="footer"]');
+    }
+    render() {
+        return (h(Host, { key: 'a011f355ebfdf50bf02e8112324fddd503fc3c6d' }, h("div", { key: '1552ac15914e9976a0cf6853869b24824d2c3562', class: {
+                papier: true,
+                'is--dark': this.dark,
+                'has--header': this.hasHeader === true,
+                'has--footer': this.hasFooter,
+                'with--radius': this.radius,
+            } }, h("div", { key: '2d8efe6513e958cb96c2ebbc189ec92142b2d0a4', class: "card" }, h("div", { key: '68ffb7bb105a77f7f45195def68a2bae3b0ffc4c', class: "card-header" }, h("slot", { key: '3ed788034782795423dc571d10a125ac0b238f9a', name: "header" })), this.image && h("img", { key: '30d53abac92290016d598846f160aed0450e035e', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: '3e1ed1be4a30e49e421a0ebf3f5be70947bca47b', class: "card-body" }, h("h4", { key: 'a43ac0f60200edd2b60258c4e5b878283267fe93', class: "card-title" }, h("slot", { key: 'b2041be6b93d38addf48aac3bf8ec566541b7c60', name: "title" })), h("h5", { key: '3af9deb72348ba7dd8d064031a12f82c32e18756', class: "card-subtitle" }, h("slot", { key: '1f9741c85e1e8cd2d0abcf6cc1419d1df4b68ed9', name: "subtitle" })), h("p", { key: '5ff52dd265c4349baaca3a50536ace00a2dd9993', class: "card-text" }, h("slot", { key: 'f74ec5f805a1e9856f9cfa19326eaa2a5cdf7161', name: "text" })), h("slot", { key: '388972d8f038587c6f0baa17e2f266eb362669f6' })), h("div", { key: '2e099fd05c32a68019cf657c3b26f424e13d18cb', class: "card-footer" }, h("slot", { key: '1d33816eb0dc0612bc7660c285fd2ba7f8794484', name: "footer" }))))));
+    }
+    static get is() { return "p-card"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-card.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-card.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dark": {
+                "type": "boolean",
+                "attribute": "dark",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "radius": {
+                "type": "boolean",
+                "attribute": "radius",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Use border radius style like button, badge etc"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "image": {
+                "type": "string",
+                "attribute": "image",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasHeader": {},
+            "hasFooter": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=p-card.js.map

package/dist/collection/components/p-card/p-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-card.js","sourceRoot":"","sources":["../../../src/components/p-card/p-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAExE;;;;;;GAMG;AAMH,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QACtB;;WAEG;QAEH,WAAM,GAAa,KAAK,CAAA;KAoD3B;IA1CG,gBAAgB;QACZ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;QAC3D,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAC/D,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;oBACrB,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;oBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;oBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;iBAC9B;gBAED,4DAAK,KAAK,EAAC,MAAM;oBACb,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB;oBACL,IAAI,CAAC,KAAK,IAAI,4DAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAC,UAAU,GAAG;oBACxE,4DAAK,KAAK,EAAC,WAAW;wBAClB,2DAAI,KAAK,EAAC,YAAY;4BAClB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACpB;wBACL,2DAAI,KAAK,EAAC,eAAe;4BACrB,6DAAM,IAAI,EAAC,UAAU,GAAG,CACvB;wBACL,0DAAG,KAAK,EAAC,WAAW;4BAChB,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;wBACJ,8DAAQ,CACN;oBACN,4DAAK,KAAK,EAAC,aAAa;wBACpB,6DAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/**\n * @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n */\n@Component({\n    tag: 'p-card',\n    styleUrl: 'p-card.scss',\n    shadow: true,\n})\nexport class PCard {\n    @Prop()\n    dark?: boolean = false\n    /**\n     * Use border radius style like button, badge etc\n     */\n    @Prop()\n    radius?: boolean = false\n    @Prop()\n    image?: string\n    @Element()\n    el: HTMLElement\n    @State()\n    hasHeader: boolean\n    @State()\n    hasFooter: boolean\n\n    componentDidLoad() {\n        this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n        this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--dark': this.dark,\n                        'has--header': this.hasHeader === true,\n                        'has--footer': this.hasFooter,\n                        'with--radius': this.radius,\n                    }}\n                >\n                    <div class=\"card\">\n                        <div class=\"card-header\">\n                            <slot name=\"header\" />\n                        </div>\n                        {this.image && <img class=\"image-top\" src={this.image} alt=\"card-img\" />}\n                        <div class=\"card-body\">\n                            <h4 class=\"card-title\">\n                                <slot name=\"title\" />\n                            </h4>\n                            <h5 class=\"card-subtitle\">\n                                <slot name=\"subtitle\" />\n                            </h5>\n                            <p class=\"card-text\">\n                                <slot name=\"text\" />\n                            </p>\n                            <slot />\n                        </div>\n                        <div class=\"card-footer\">\n                            <slot name=\"footer\" />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/p-icon/p-icon.js

@@ -6,7 +6,10 @@ export class PIcon {
         this.color = 'inherit';
     }
     render() {
-        return (h(Host, { key: 'fa69294090ea17ca5c00c3b007afa1128326c3ad' }, h("div", { key: 'dd8dd3c2d05e5abfd223aafdcea34a9a4b7b5ce7', innerHTML: icons[this.icon], style: { color: this.color, width: `${this.size}px` } })));
+        return (h(Host, { key: '3ceac23d1d6635baa38a879829a303e0f49991fa' }, h("div", { key: '2db07dc619aa07548800363dbb46702c4fc7e258', innerHTML: icons[this.icon], style: {
+                color: this.color,
+                width: `${this.size}px`,
+            } })));
     }
     static get is() { return "p-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -24,6 +27,7 @@ export class PIcon {
         return {
             "icon": {
                 "type": "string",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -38,11 +42,11 @@ export class PIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon",
                 "reflect": false
             },
             "size": {
                 "type": "number",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -57,12 +61,12 @@ export class PIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "20"
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,7 +81,6 @@ export class PIcon {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'inherit'"
             }

package/dist/collection/components/p-icon/p-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/components/p-icon/p-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAO/B,MAAM,OAAO,KAAK;IALlB;QAUW,SAAI,GAAW,EAAE,CAAA;QAGjB,UAAK,GAAW,SAAS,CAAA;KAenC;IAVG,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,GACvD,CACC,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, Prop, State, h } from '@stencil/core'\nimport { icons } from './icons'\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'p-icon.scss',\n    shadow: true,\n})\nexport class PIcon {\n    @Prop()\n    public icon: string\n\n    @Prop()\n    public size: number = 20\n\n    @Prop()\n    public color: string = 'inherit'\n\n    @State()\n    public svgContent: string\n\n    render() {\n        return (\n            <Host>\n                <div\n                    innerHTML={icons[this.icon]}\n                    style={{ color: this.color, width: `${this.size}px` }}\n                />\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-icon.js","sourceRoot":"","sources":["../../../src/components/p-icon/p-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAO/B,MAAM,OAAO,KAAK;IALlB;QAUW,SAAI,GAAW,EAAE,CAAA;QAGjB,UAAK,GAAW,SAAS,CAAA;KAkBnC;IAbG,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE;oBACH,KAAK,EAAE,IAAI,CAAC,KAAK;oBACjB,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI;iBAC1B,GACH,CACC,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core'\nimport { icons } from './icons'\n\n@Component({\n    tag: 'p-icon',\n    styleUrl: 'p-icon.scss',\n    shadow: true,\n})\nexport class PIcon {\n    @Prop()\n    public icon: string\n\n    @Prop()\n    public size: number = 20\n\n    @Prop()\n    public color: string = 'inherit'\n\n    @State()\n    public svgContent: string\n\n    render() {\n        return (\n            <Host>\n                <div\n                    innerHTML={icons[this.icon]}\n                    style={{\n                        color: this.color,\n                        width: `${this.size}px`,\n                    }}\n                />\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/{leaf/leaf.js → p-leaf/p-leaf.js}

@@ -1,5 +1,8 @@
 import { h } from "@stencil/core";
-export class Alert {
+/**
+ * @slots default - p-leaf content
+ */
+export class Pleaf {
     constructor() {
         this.dark = false;
     }
@@ -7,23 +10,24 @@ export class Alert {
         return this.dark ? 'papier is--dark' : 'papier';
     }
     render() {
-        return (h("div", { key: '907cf99eea83d38912f22d7cdc20e131e961c215', class: this.getParentClass() }, h("slot", { key: '6023549f324165e8db91eba3560f91b514a8d2f5' })));
+        return (h("div", { key: '78d8031f25f3cebffa87ee9f40f3888027648a3c', class: this.getParentClass() }, h("slot", { key: 'c50dd2d66f5972ca47d1a947203dc6f161854eb9' })));
     }
     static get is() { return "p-leaf"; }
     static get originalStyleUrls() {
         return {
-            "$": ["leaf.scss"]
+            "$": ["p-leaf.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["leaf.css"]
+            "$": ["p-leaf.css"]
         };
     }
     static get properties() {
         return {
             "dark": {
                 "type": "boolean",
+                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -38,11 +42,10 @@ export class Alert {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dark",
                 "reflect": false,
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=leaf.js.map
+//# sourceMappingURL=p-leaf.js.map

package/dist/collection/components/p-leaf/p-leaf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-leaf.js","sourceRoot":"","sources":["../../../src/components/p-leaf/p-leaf.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAElD;;GAEG;AAKH,MAAM,OAAO,KAAK;IAJlB;QAMI,SAAI,GAAa,KAAK,CAAA;KAazB;IAXU,cAAc;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAA;IACnD,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,8DAAQ,CACN,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop } from '@stencil/core'\n\n/**\n * @slots default - p-leaf content\n */\n@Component({\n    tag: 'p-leaf',\n    styleUrl: 'p-leaf.scss',\n})\nexport class Pleaf {\n    @Prop()\n    dark?: boolean = false\n\n    public getParentClass() {\n        return this.dark ? 'papier is--dark' : 'papier'\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <slot />\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/{modal/modal.js → p-modal/p-modal.js}

@@ -1,4 +1,4 @@
-import { Host, h, } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class PModal {
     constructor() {
         this.isOpen = false;
@@ -11,18 +11,18 @@ export class PModal {
         this.closeEvent.emit(null);
     }
     render() {
-        return (h(Host, { key: 'be3ee52be04fb9a186a8ef4011b682ab69a09e90' }, this.isOpen && (h("div", { key: '9c2f4b453dcff18928d89662bc789325a0f672ea', class: "papier" }, h("div", { key: '805c5d128dfe694c8d773e36cd25c1e595a0dd05', class: "modal" }, h("div", { key: '9434cf8e8b875df46741fc3c867570800bbea191', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '3edcb63b1cfcc2d4a6a80c8e436e78ffc6b616fc', class: "modal-body" }, h("span", { key: 'dc1bbf2cdfc0ed81d4a2e03a172cdc9202abe812', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '226f8c211309f416741258fa0b67a64fdd2ab3ba', class: "modal-title" }, h("slot", { key: '5fd2161e457c7b7057575d8037f29990b6be5f7b', name: "title" })), h("h5", { key: '99acaeb1602030fc4777edff2183cacf50893d77', class: "modal-subtitle" }, h("slot", { key: '5506be612154ecaceafdfc042642e6ae9a20c820', name: "sub-title" })), h("p", { key: 'ba008f858a1128780dd1c1541cd3cb633a59f75d', class: "modal-text" }, h("slot", { key: 'fe6b9654a0f2e68d06092fafd1f0e8d283492284', name: "text" })), h("slot", { key: 'f8a888f81b3e535b06607673a931014984d23c63' })))))));
+        return (h(Host, { key: '76c74a60b6684535c8cb7732a8a2473529e1cd5a' }, this.isOpen && (h("div", { key: '3ae8ec4d90a69c89280b6e3b0b48bcbf5df6e47f', class: "papier" }, h("div", { key: 'b0ae727c2493a98cff184c6c10696b847a9a009a', class: "modal" }, h("div", { key: '6414df9675e6a08a5249bf86ea9ec13256e7f6a8', class: "modal-bg", onClick: () => this.close() }), h("div", { key: '69e7136f0345356a764f0b454ba645359cdc469d', class: "modal-body" }, h("span", { key: '0ca44bad91f3c6696a09e6f711cfcaf2042f56d0', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: '97a939f46a724a9793c51c222894196f6c08838a', class: "modal-title" }, h("slot", { key: 'accb43da03e035e0498a2d74be562299bb828f0c', name: "title" })), h("h5", { key: '90f1eb1dec80286a71fa5bbbb0b2482ffa106065', class: "modal-subtitle" }, h("slot", { key: '84930f0606e8671a47837b2e562445fe1bcdbee9', name: "sub-title" })), h("p", { key: '0b921288c6c3d881549d1f2aa2f4fd0c362fa76b', class: "modal-text" }, h("slot", { key: 'b809864edf3d4520e68c9c80a0226b5ce6478d3e', name: "text" })), h("slot", { key: '00ee563a81f1a460ed80984e06a42f9c54eca800' })))))));
     }
     static get is() { return "p-modal"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["modal.scss"]
+            "$": ["p-modal.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["modal.css"]
+            "$": ["p-modal.css"]
         };
     }
     static get states() {
@@ -87,4 +87,4 @@ export class PModal {
         };
     }
 }
-//# sourceMappingURL=modal.js.map
+//# sourceMappingURL=p-modal.js.map

package/dist/collection/components/p-modal/p-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-modal.js","sourceRoot":"","sources":["../../../src/components/p-modal/p-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAO3F,MAAM,OAAO,MAAM;IALnB;QAOI,WAAM,GAAY,KAAK,CAAA;KA8C1B;IAtCU,KAAK,CAAC,IAAI;QACb,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;IACtB,CAAC;IAGM,KAAK,CAAC,KAAK;QACd,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC9B,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI,uDACA,IAAI,CAAC,MAAM,IAAI,CACZ,4DAAK,KAAK,EAAC,QAAQ;YACf,4DAAK,KAAK,EAAC,OAAO;gBACd,4DAAK,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAAI;gBACrD,4DAAK,KAAK,EAAC,YAAY;oBACnB,6DAAM,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,QAE5C;oBACP,2DAAI,KAAK,EAAC,aAAa;wBACnB,6DAAM,IAAI,EAAC,OAAO,GAAG,CACpB;oBACL,2DAAI,KAAK,EAAC,gBAAgB;wBACtB,6DAAM,IAAI,EAAC,WAAW,GAAG,CACxB;oBACL,0DAAG,KAAK,EAAC,YAAY;wBACjB,6DAAM,IAAI,EAAC,MAAM,GAAG,CACpB;oBACJ,8DAAQ,CACN,CACJ,CACJ,CACT,CACE,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, h, Method, State } from '@stencil/core'\n\n@Component({\n    tag: 'p-modal',\n    styleUrl: 'p-modal.scss',\n    shadow: true,\n})\nexport class PModal {\n    @State()\n    isOpen: boolean = false\n\n    @Event({\n        eventName: 'close',\n    })\n    public closeEvent: EventEmitter<void>\n\n    @Method()\n    public async open() {\n        this.isOpen = true\n    }\n\n    @Method()\n    public async close() {\n        this.isOpen = false\n        this.closeEvent.emit(null)\n    }\n\n    render() {\n        return (\n            <Host>\n                {this.isOpen && (\n                    <div class=\"papier\">\n                        <div class=\"modal\">\n                            <div class=\"modal-bg\" onClick={() => this.close()} />\n                            <div class=\"modal-body\">\n                                <span class=\"btn-close\" onClick={() => this.close()}>\n                                    X\n                                </span>\n                                <h4 class=\"modal-title\">\n                                    <slot name=\"title\" />\n                                </h4>\n                                <h5 class=\"modal-subtitle\">\n                                    <slot name=\"sub-title\" />\n                                </h5>\n                                <p class=\"modal-text\">\n                                    <slot name=\"text\" />\n                                </p>\n                                <slot />\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/p-modal/stories/modal.preview.js

@@ -0,0 +1,19 @@
+export function previewModal() {
+    const alertObserver = new MutationObserver(() => {
+        const modal = document.querySelector('#open-modal')
+        const modalButton = document.querySelector('#open-modal-button')
+
+        if (modal && modalButton) {
+            modalButton.addEventListener('click', () => {
+                modal.open()
+            })
+
+            alertObserver.disconnect()
+        }
+    })
+
+    alertObserver.observe(document.body, {
+        childList: true,
+        subtree: true,
+    })
+}

package/dist/collection/components/{progress-bar/progress-bar.js → p-progress-bar/p-progress-bar.js}

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-export class ProgressBar {
+export class PProgressBar {
     constructor() {
         this.type = 'primary';
         this.value = 0;
@@ -46,24 +46,25 @@ export class ProgressBar {
         return cssClass;
     }
     render() {
-        return (h("div", { key: 'f77ea9deebca9331ea9dc57983b7effc0001579d', class: this.getParentClass() }, h("div", { key: '40197b0a4574f76ae8bc6229ed917a5d83441ab7', class: "progress" }, h("div", { key: 'a728ce2662ad1c279cac34a5414a1291c64c600f', class: this.getClass() }, h("slot", { key: '039a17e5cec9d958f82ab66e00eaafc141068d4a' })))));
+        return (h("div", { key: '2d1e526785ad17645a3eff098060f044e58e128d', class: this.getParentClass() }, h("div", { key: '438abe903ef869b47c796ebf22fbbb6cdec0d66a', class: "progress" }, h("div", { key: 'fee6f22882b98198d2908bb8799d504325288f3d', class: this.getClass() }, h("slot", { key: '7a334bc433c661ba6b94296f901669f4a9b6f1a9' })))));
     }
     static get is() { return "p-progress-bar"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["progress-bar.scss"]
+            "$": ["p-progress-bar.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["progress-bar.css"]
+            "$": ["p-progress-bar.css"]
         };
     }
     static get properties() {
         return {
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "ProgressBarColor",
@@ -83,12 +84,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "'primary'"
             },
             "value": {
                 "type": "number",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -103,12 +104,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "striped": {
                 "type": "boolean",
+                "attribute": "striped",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -123,12 +124,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "striped",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "dark": {
                 "type": "boolean",
+                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -143,12 +144,12 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dark",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "auto": {
                 "type": "number",
+                "attribute": "auto",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -163,7 +164,6 @@ export class ProgressBar {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "auto",
                 "reflect": false
             }
         };
@@ -174,4 +174,4 @@ export class ProgressBar {
         };
     }
 }
-//# sourceMappingURL=progress-bar.js.map
+//# sourceMappingURL=p-progress-bar.js.map

package/dist/collection/components/p-progress-bar/p-progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-progress-bar.js","sourceRoot":"","sources":["../../../src/components/p-progress-bar/p-progress-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AASzD,MAAM,OAAO,YAAY;IALzB;QAOI,SAAI,GAAsB,SAAS,CAAA;QAEnC,UAAK,GAAY,CAAC,CAAA;QAElB,YAAO,GAAa,KAAK,CAAA;QAEzB,SAAI,GAAa,KAAK,CAAA;KAkEzB;IA3DU,gBAAgB;QACnB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;gBACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;YACxD,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,CAAA;QACjB,CAAC;IACL,CAAC;IAEM,oBAAoB;QACvB,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IACvC,CAAC;IAEM,QAAQ;QACX,MAAM,KAAK,GAAG;YACV,WAAW;YACX,SAAS;YACT,SAAS;YACT,QAAQ;YACR,OAAO;YACP,SAAS;SACZ,CAAA;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAEtE,IAAI,QAAQ,GAAG,SAAS,KAAK,EAAE,CAAA;QAE/B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;QACzC,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,QAAQ,GAAG,GAAG,QAAQ,UAAU,CAAA;QACpC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,kBAAkB,CAAA;QAEjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,UAAU;gBACjB,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;oBACvB,8DAAQ,CACN,CACJ,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core'\n\ntype ProgressBarColor = 'secondary' | 'success' | 'warning' | 'danger' | 'muted' | 'primary'\n\n@Component({\n    tag: 'p-progress-bar',\n    styleUrl: 'p-progress-bar.scss',\n    shadow: true,\n})\nexport class PProgressBar {\n    @Prop()\n    type?: ProgressBarColor = 'primary'\n    @Prop()\n    value?: number = 0\n    @Prop()\n    striped?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    auto?: number\n\n    @State()\n    interval?: number\n\n    public componentDidLoad() {\n        if (this.auto) {\n            this.interval = window.setInterval(() => {\n                this.value = this.value >= 100 ? 0 : this.value + 10\n            }, this.auto)\n        }\n    }\n\n    public disconnectedCallback() {\n        window.clearInterval(this.interval)\n    }\n\n    public getClass(): string {\n        const types = [\n            'secondary',\n            'success',\n            'warning',\n            'danger',\n            'muted',\n            'primary',\n        ]\n        const value = this.value < 0 ? 0 : this.value > 100 ? 100 : this.value\n\n        let cssClass = `bar w-${value}`\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} primary`\n        } else {\n            cssClass = `${cssClass} ${this.type}`\n        }\n\n        if (this.striped) {\n            cssClass = `${cssClass} striped`\n        }\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier is--block'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"progress\">\n                    <div class={this.getClass()}>\n                        <slot />\n                    </div>\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/p-progress-bar/stories/progress-bar.preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.preview.js","sourceRoot":"","sources":["../../../../src/components/p-progress-bar/stories/progress-bar.preview.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,kBAAkB;IAC9B,MAAM,aAAa,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;QAC5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAA;QAC7D,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAA;QACvE,IAAI,KAAK,GAAG,EAAE,CAAA;QAEd,IAAI,QAAQ,IAAI,WAAW,EAAE,CAAC;YAC1B,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;YAC1C,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;oBAChB,KAAK,GAAG,CAAC,EAAE,CAAA;gBACf,CAAC;gBAED,KAAK,IAAI,EAAE,CAAA;gBACX,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC,CAAA;YAC9C,CAAC,CAAC,CAAA;YACF,aAAa,CAAC,UAAU,EAAE,CAAA;QAC9B,CAAC;IACL,CAAC,CAAC,CAAA;IAEF,aAAa,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE;QACjC,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,IAAI;KAChB,CAAC,CAAA;AACN,CAAC","sourcesContent":["export function previewProgressbar() {\n    const inputObserver = new MutationObserver(() => {\n        const progress = document.querySelector('#animated-progress')\n        const progressBtn = document.querySelector('#animated-progress-button')\n        let value = 10\n\n        if (progress && progressBtn) {\n            progress.setAttribute('value', `${value}`)\n            progressBtn.addEventListener('click', () => {\n                if (value === 100) {\n                    value = -10\n                }\n\n                value += 10\n                progress.setAttribute('value', `${value}`)\n            })\n            inputObserver.disconnect()\n        }\n    })\n\n    inputObserver.observe(document.body, {\n        childList: true,\n        subtree: true,\n    })\n}\n"]}

package/dist/collection/components/p-spinner/p-spinner.js

@@ -9,12 +9,12 @@ export class PSpinner {
         };
     }
     render() {
-        return (h(Host, { key: '4a41842ec2411ca6ece5f790bc0455662e4afe4e' }, h("div", { key: 'f3366e6f349a2c4ebc521fb5e6c726911dd148e6', class: {
+        return (h(Host, { key: 'ef6a1d60cbc11cf8ef7db09fdc093bbe5ab04d7b' }, h("div", { key: '3823d885a1699991627089fd2730de8a3bc28c69', class: {
                 'p-spinner': true,
                 papier: true,
                 'is--large': this.large,
                 'is--dark': this.dark,
-            } }, h("div", { key: 'c3106cda345e743c5e164e873e509f404e4c05cd', class: "border border-primary", style: this.getStyle() }), h("div", { key: '0c6337ddc6f779ebf292edca69dbbef50cf1f122', class: "border border-primary", style: this.getStyle() }), h("div", { key: 'b22d65d9627cabd463911e512e784f94cf700ec8', class: "border border-primary", style: this.getStyle() }))));
+            } }, h("div", { key: '3b1de6b53edd0c1116123ef619ebb8721206c7ed', class: "border border-primary", style: this.getStyle() }), h("div", { key: '6429b24f1c4e25f245a737b527f9f0498b7bdd00', class: "border border-primary", style: this.getStyle() }), h("div", { key: '9e7f2d3fcede8f2e0e7679b0f0890047b726aadf', class: "border border-primary", style: this.getStyle() }))));
     }
     static get is() { return "p-spinner"; }
     static get encapsulation() { return "shadow"; }
@@ -32,6 +32,7 @@ export class PSpinner {
         return {
             "large": {
                 "type": "boolean",
+                "attribute": "large",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -46,12 +47,12 @@ export class PSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "large",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
+                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,11 +67,11 @@ export class PSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false
             },
             "dark": {
                 "type": "boolean",
+                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -85,7 +86,6 @@ export class PSpinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dark",
                 "reflect": false
             }
         };

package/dist/collection/components/p-spinner/p-spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"p-spinner.js","sourceRoot":"","sources":["../../../src/components/p-spinner/p-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QAOW,UAAK,GAAY,KAAK,CAAA;KAyChC;IAjCU,QAAQ;QACX,OAAO;YACH,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,cAAc;SAChD,CAAA;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,WAAW,EAAE,IAAI;oBACjB,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB;gBACF,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB;gBACF,4DACI,KAAK,EAAC,uBAAuB,EAC7B,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GACxB,CACA,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-spinner',\n    styleUrl: 'p-spinner.scss',\n    shadow: true,\n})\nexport class PSpinner {\n    @Prop()\n    public large: boolean = false\n\n    @Prop()\n    public color?: string\n\n    @Prop()\n    public dark?: boolean\n\n    public getStyle() {\n        return {\n            backgroundColor: this.color || 'currentColor',\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        'p-spinner': true,\n                        papier: true,\n                        'is--large': this.large,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                    <div\n                        class=\"border border-primary\"\n                        style={this.getStyle()}\n                    />\n                </div>\n            </Host>\n        )\n    }\n}\n"]}
+{"version":3,"file":"p-spinner.js","sourceRoot":"","sources":["../../../src/components/p-spinner/p-spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QAOW,UAAK,GAAY,KAAK,CAAA;KAgChC;IAxBU,QAAQ;QACX,OAAO;YACH,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,cAAc;SAChD,CAAA;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,WAAW,EAAE,IAAI;oBACjB,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI;gBAC7D,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI;gBAC7D,4DAAK,KAAK,EAAC,uBAAuB,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAI,CAC3D,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-spinner',\n    styleUrl: 'p-spinner.scss',\n    shadow: true,\n})\nexport class PSpinner {\n    @Prop()\n    public large: boolean = false\n\n    @Prop()\n    public color?: string\n\n    @Prop()\n    public dark?: boolean\n\n    public getStyle() {\n        return {\n            backgroundColor: this.color || 'currentColor',\n        }\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        'p-spinner': true,\n                        papier: true,\n                        'is--large': this.large,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <div class=\"border border-primary\" style={this.getStyle()} />\n                    <div class=\"border border-primary\" style={this.getStyle()} />\n                    <div class=\"border border-primary\" style={this.getStyle()} />\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/{tooltip/tooltip.js → p-tooltip/p-tooltip.js}

@@ -8,24 +8,25 @@ export class PTooltip {
         this.top = false;
     }
     render() {
-        return (h(Host, { key: '49696872fd30c059c732eac8b29b97f8a4df80f8' }, h("div", { key: '63c42e1a0dca1b46e0064bac1104aa4db0f2af7a', class: "papier" }, h("div", { key: '0bd0ca4afc6aef686ee52859a3782a3a27d708c1', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '97d076079f049d7cbf4187675b81a6c5c95aab4f' })))));
+        return (h(Host, { key: '31f8eb1ed3b3dcd7dcb123644829e578ff2becfa' }, h("div", { key: 'b2bd8c5e0a1a127a855b3e894ddb5c4a6555ef1b', class: "papier" }, h("div", { key: '31c398594843f72ecb9d332b1ee7516ceddf661b', "popover-left": this.left && !this.disabled ? this.title : null, "popover-right": this.right && !this.disabled ? this.title : null, "popover-bottom": this.bottom && !this.disabled ? this.title : null, "popover-top": this.top && !this.disabled ? this.title : null }, h("slot", { key: '593154e2d41b4d2aa6a12238615b42810ce49a86' })))));
     }
     static get is() { return "p-tooltip"; }
     static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["tooltip.scss"]
+            "$": ["p-tooltip.scss"]
         };
     }
     static get styleUrls() {
         return {
-            "$": ["tooltip.css"]
+            "$": ["p-tooltip.css"]
         };
     }
     static get properties() {
         return {
             "title": {
                 "type": "string",
+                "attribute": "title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +41,11 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -59,12 +60,12 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "left": {
                 "type": "boolean",
+                "attribute": "left",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -79,12 +80,12 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "left",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "right": {
                 "type": "boolean",
+                "attribute": "right",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -99,12 +100,12 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "right",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "bottom": {
                 "type": "boolean",
+                "attribute": "bottom",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -119,12 +120,12 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "bottom",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "top": {
                 "type": "boolean",
+                "attribute": "top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -139,11 +140,10 @@ export class PTooltip {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "top",
                 "reflect": false,
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=p-tooltip.js.map

package/dist/collection/components/p-tooltip/p-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-tooltip.js","sourceRoot":"","sources":["../../../src/components/p-tooltip/p-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAOxD,MAAM,OAAO,QAAQ;IALrB;QASI,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;QAEvB,WAAM,GAAa,KAAK,CAAA;QAExB,QAAG,GAAa,KAAK,CAAA;KAkBxB;IAhBG,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4EACkB,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,mBAC9C,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,oBAC/C,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,iBACpD,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI;oBAE3D,8DAAQ,CACN,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core'\n\n@Component({\n    tag: 'p-tooltip',\n    styleUrl: 'p-tooltip.scss',\n    shadow: true,\n})\nexport class PTooltip {\n    @Prop()\n    title?: string\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    left?: boolean = false\n    @Prop()\n    right?: boolean = false\n    @Prop()\n    bottom?: boolean = false\n    @Prop()\n    top?: boolean = false\n\n    render() {\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div\n                        popover-left={this.left && !this.disabled ? this.title : null}\n                        popover-right={this.right && !this.disabled ? this.title : null}\n                        popover-bottom={this.bottom && !this.disabled ? this.title : null}\n                        popover-top={this.top && !this.disabled ? this.title : null}\n                    >\n                        <slot />\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}