@amiceli/papierjs 0.12.0 → 0.14.0

package/dist/collection/components/navigation/p-navbar-item/p-navbar-item.js

@@ -0,0 +1,111 @@
+import { Host, h } from "@stencil/core";
+export class PNavbarItem {
+    constructor() {
+        this.dark = false;
+        this.href = '/';
+    }
+    getClass() {
+        return {
+            papier: true,
+            'with--icon': this.icon !== undefined,
+            'is--dark': this.dark === true,
+        };
+    }
+    render() {
+        return (h(Host, { key: '5c12b89ec66e1beecdb97f1d93976dfda6546919' }, h("li", { key: '5ff95229e88be1416fcfbb3d386b71fe7ef5a5b6', class: this.getClass() }, h("a", { key: 'aed7e4d3c438036a815cf666547d56f30c5630b2', href: this.href, target: this.target }, this.icon && h("p-icon", { key: 'f75effbe27cd0899c9c39791c4b2d9e5f701d79c', color: this.dark ? 'white' : '#41403e', icon: this.icon, size: 20 }), h("slot", { key: 'ddb212507defd3d6fa51dde1c26b88ca1f17e347' })))));
+    }
+    static get is() { return "p-navbar-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-navbar-item.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-navbar-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dark",
+                "defaultValue": "false"
+            },
+            "href": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "href",
+                "defaultValue": "'/'"
+            },
+            "target": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "target"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
+            }
+        };
+    }
+}

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

@@ -41,9 +41,9 @@ export class PNotification {
         this.close.emit(this.timestamp);
     }
     render() {
-        return (h(Host, { key: 'a0d5f92b31a5c63fd928724bb89b13e42fba7bd0' }, h("div", { key: 'b61d0c5c6ef4d91406b491bce11818a044df2299', class: "papier" }, h("div", { key: 'eb457f0cd717c32b84ad5b48c4b0eca781231fd5', class: this.getClassName() }, h("div", { key: 'e9aa7784d0eed423620aa23bdf163e96c4d8ce70', innerHTML: this.getIconName() }), h("div", { key: 'a9f2f5786ceaf8f0c2957c94ca8d95d9151d5b42', innerHTML: this.text }), this.canclose && (h("span", { key: 'da499076ef6ead9c709f08755d66e5b7a3513655', onClick: () => {
+        return (h(Host, { key: 'ac2219e48429093576f2e7bd3150187f5f2d1f1a' }, h("div", { key: 'a1d251e727203209b17c034d162bf184fe61f614', class: "papier" }, h("div", { key: '61a73aaa4038c8370998cdcc16b122443dd413be', class: this.getClassName() }, h("div", { key: '52c1ab9aa521e604fc5d197f4de54f96f2cb5617', innerHTML: this.getIconName() }), h("div", { key: '63e8dbaea7f9bff58078f8c36b6a3689ef8ee838', innerHTML: this.text }), this.canclose && (h("span", { key: '499913e30b9c137e1cb036a5451fc0c0d793b148', innerHTML: feather.icons.x.toSvg(), onClick: () => {
                 this.onClose();
-            }, innerHTML: feather.icons.x.toSvg() }))))));
+            } }))))));
     }
     static get is() { return "p-notification"; }
     static get encapsulation() { return "shadow"; }
@@ -61,7 +61,6 @@ export class PNotification {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +76,11 @@ export class PNotification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'info'"
             },
             "text": {
                 "type": "string",
-                "attribute": "text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -97,11 +96,11 @@ export class PNotification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "text",
                 "defaultValue": "''"
             },
             "canclose": {
                 "type": "boolean",
-                "attribute": "canclose",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -117,11 +116,11 @@ export class PNotification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "canclose",
                 "defaultValue": "false"
             },
             "timestamp": {
                 "type": "string",
-                "attribute": "timestamp",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -137,6 +136,7 @@ export class PNotification {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "timestamp",
                 "defaultValue": "''"
             }
         };
@@ -161,4 +161,3 @@ export class PNotification {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=p-notification.js.map

package/dist/collection/components/notification/p-notification-handler/p-notification-handler.js

@@ -35,7 +35,7 @@ export class PNotificationHandler {
         this.removeToast(event.detail);
     }
     mapNotifications() {
-        return this.notifications.map((toast) => (h("p-notification", { key: toast.type, type: toast.type, text: toast.text, canclose: toast.canclose, timestamp: toast.timestamp })));
+        return this.notifications.map((toast) => (h("p-notification", { canclose: toast.canclose, key: toast.type, text: toast.text, timestamp: toast.timestamp, type: toast.type })));
     }
     render() {
         return h(Host, { key: '3fd9e86a226374f1a6301f220fd952b95141ca9a' }, this.mapNotifications());
@@ -97,4 +97,3 @@ export class PNotificationHandler {
             }];
     }
 }
-//# sourceMappingURL=p-notification-handler.js.map

package/dist/collection/components/notification/p-notification-handler/stories/p-notification-preview.js

@@ -7,9 +7,9 @@ export class PNotificationPreview {
         }
     }
     render() {
-        return (h("div", { key: '00c5d264d96f0174f3a30fb1dce1ee2164ced09d' }, h("p-notification-handler", { key: '5b09b26ab5e50e918f3ebde3bad0a90c43305f1c' }), h("p-dropdown", { key: '41304a8740cd7d24fe7089760a57b75d090ebfc9', placeholder: "Choose notification type", onSelect: (e) => {
+        return (h("div", { key: '6b6d24b8233d9c1bc5c49ecb39c4a999b3b23fa3' }, h("p-notification-handler", { key: '3842b6d038cf55f5fe8936478bc5ab7e56abb17e' }), h("p-dropdown", { key: '83fb10687d5ba0331bfd222ccfa195577207a776', onSelect: (e) => {
                 this.notificationType = e.detail;
-            } }, [
+            }, placeholder: "Choose notification type" }, [
             'primary',
             'secondary',
             'success',
@@ -17,23 +17,23 @@ export class PNotificationPreview {
             'danger',
         ].map((value) => {
             return (h("p-dropdown-item", { key: value, value: value }, value));
-        })), h("div", { key: '48f2817adc574727f607539ec21b4d3690919f37', style: {
+        })), h("div", { key: '982a464b4d07c838995b22f1889b1da44574e056', style: {
                 marginTop: '20px',
-            } }, h("p-button", { key: 'f59a2d18ec02c2170f387188c4e7be6836837528', style: {
-                marginRight: '20px',
-            }, type: "primary", onClick: () => {
+            } }, h("p-button", { key: '602aa015361b1a86e1ca8571ba39f61e632a6b86', onClick: () => {
                 this.addNotification({});
-            } }, "Add notification"), h("p-button", { key: '149ec8a96a3249dd7d3ec228823b7408220054e7', type: "secondary", style: {
+            }, style: {
                 marginRight: '20px',
-            }, onClick: () => {
+            }, type: "primary" }, "Add notification"), h("p-button", { key: 'f7b1b30a2e8e501629c1d077848d0040a18f8624', onClick: () => {
                 this.addNotification({
                     canclose: true,
                 });
-            } }, "Add closable notification"), h("p-button", { key: '5a9191906a4fbd799b5657a2e609849ccae53b65', type: "success", onClick: () => {
+            }, style: {
+                marginRight: '20px',
+            }, type: "secondary" }, "Add closable notification"), h("p-button", { key: '65a0aef7bad1229f0cdf35123be08fbb3176563c', onClick: () => {
                 this.addNotification({
                     timeout: 2000,
                 });
-            } }, "Add timeout notification"))));
+            }, type: "success" }, "Add timeout notification"))));
     }
     static get is() { return "p-notification-preview"; }
     static get states() {
@@ -43,4 +43,3 @@ export class PNotificationPreview {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=p-notification-preview.js.map

package/dist/collection/components/p-accordion/p-accordion.css

@@ -3212,6 +3212,9 @@
   --shadow-color-hover: rgba(0, 0, 0, 0.3);
   --primary-inverse: #fff;
 }
+:host .is--dark .p-accordion {
+  border-color: white;
+}
 :host .p-accordion {
   display: block;
 }

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

@@ -6,16 +6,20 @@ import feather from "feather-icons";
 export class PAccordion {
     constructor() {
         this.open = false;
+        this.dark = false;
     }
     render() {
         const icon = feather.icons['chevron-down'].toSvg();
         const openIcon = feather.icons['chevron-up'].toSvg();
-        return (h(Host, { key: '8c37573d3228d1c670a774f694ec5c12ca68ac21' }, h("div", { key: '4bc8519cc30abc42e870611c0767562549621f34', class: "papier" }, h("div", { key: 'f26205c3d5e6f6fbd8628cacd314df97fc92725d', class: "p-accordion is--block border" }, h("div", { key: '8333b2740bae0926411f74efd62d23cd17f21e9a', class: "p-accordion__summary", onClick: () => {
+        return (h(Host, { key: 'db16455ea6dce6f631ff12911635e789e45ac1e3' }, h("div", { key: 'c45ea824b4cd8c8fb7280438c94e7e6b8904d1b1', class: {
+                papier: true,
+                'is--dark': this.dark === true,
+            } }, h("div", { key: 'b105347d4396c5e477b3da8d39907fc8a8ec8475', class: "p-accordion is--block border" }, h("div", { key: '04ab76c43049c4b8210b500c981ac11f7356314f', class: "p-accordion__summary", onClick: () => {
                 this.open = !this.open;
-            } }, h("span", { key: '536a9ca6e721ce9a145b9052295442d5ca38aa39' }, this.title), h("span", { key: 'a1a240ccacb41380204593ea868bb75e9f968974' }, h("span", { key: '853fea6621d95c87e90c5e77743f994fcf89922d', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: '135a6953133f020cb68fb203793018b1e6e569f7', class: {
+            } }, h("span", { key: '4af4a20d740d14b98f1ff3138b78e00366ab4788' }, this.title), h("span", { key: 'fbacb18d7903ef6bb3cdb4afda8535c56d1490f3' }, h("span", { key: '17181419df0491359913b8d21f3ce95ed2a0554e', class: "for--icon", innerHTML: this.open ? openIcon : icon }))), h("div", { key: 'f92290376c89db9d90f34193f9a5ae2115b2179d', class: {
                 'p-accordion__content': true,
                 'is--open': this.open,
-            } }, h("slot", { key: 'fa89ddc760fd4541f6e64ba72999d70274d38b3f' }))))));
+            } }, h("slot", { key: '1fa22629bd0e26725501a4b6d62ad35fb87e5bba' }))))));
     }
     static get is() { return "p-accordion"; }
     static get encapsulation() { return "shadow"; }
@@ -33,7 +37,6 @@ export class PAccordion {
         return {
             "title": {
                 "type": "string",
-                "attribute": "title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -48,11 +51,11 @@ export class PAccordion {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "title"
             },
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -68,9 +71,29 @@ export class PAccordion {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open",
+                "defaultValue": "false"
+            },
+            "dark": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "dark",
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=p-accordion.js.map

package/dist/collection/components/p-alert/p-alert.css

@@ -3223,7 +3223,8 @@
 :host .papier:not(.is--block) {
   display: inline-block;
 }
-:host .alert, :host .papier {
+:host .alert,
+:host .papier {
   display: block;
   width: 100%;
   box-sizing: border-box;

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

@@ -40,7 +40,7 @@ export class PAlert {
         this.close.emit(null);
     }
     render() {
-        return (h("div", { key: '873c62b5c7105b48603bd05561d42176b8246270', class: this.getParentClass() }, h("div", { key: '91bcc68bd1fd18c1f5a54e290558b2d494a3f80e', class: this.getClass() }, h("slot", { key: '13d429f8a51ac2825200c5c601a387270430850a' }), this.closable && (h("span", { key: 'af58d5d80fc7b139781d2d842c8f5c8f7a1cda77', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
+        return (h("div", { key: '22a0a42e0598c5de9c6b93e7a88ab177215d4c61', class: this.getParentClass() }, h("div", { key: 'f3252152056b1e981247dc8fddac9a281113e712', class: this.getClass() }, h("slot", { key: 'e1a0c8c34f7cf9c2b9794e41e3087ba4bb4a9520' }), this.closable && (h("span", { key: 'e13d9848e672da0e8bf90534b58d2c1baf7ffb02', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
     }
     static get is() { return "p-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -58,7 +58,6 @@ export class PAlert {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "AlertColor",
@@ -79,11 +78,11 @@ export class PAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'primary'"
             },
             "closable": {
                 "type": "boolean",
-                "attribute": "closable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -99,11 +98,11 @@ export class PAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "closable",
                 "defaultValue": "false"
             },
             "dark": {
                 "type": "boolean",
-                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -119,6 +118,7 @@ export class PAlert {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "dark",
                 "defaultValue": "false"
             }
         };
@@ -142,4 +142,3 @@ export class PAlert {
             }];
     }
 }
-//# sourceMappingURL=p-alert.js.map

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

@@ -15,7 +15,7 @@ export class PBadge {
         return `badge ${this.type || ''}`;
     }
     render() {
-        return (h("span", { key: '73b65b4fa235ab733adaf0c96e4d48c67064a17c', class: this.getParentClass() }, h("span", { key: 'e1a461af88783ccde7f8c66a3863989ce4afa0c6', class: this.getClass() }, h("slot", { key: '93970fcc22b44e2526c918efae1ab3490436190a' }))));
+        return (h("span", { key: '9349e4e6c5ab5b610e8d38970001c7d8f1a9c3a8', class: this.getParentClass() }, h("span", { key: 'e79c23ed79442d9df14983b3b45821677b128b8d', class: this.getClass() }, h("slot", { key: '22470534bf77844f502bcf343d60d916b286937e' }))));
     }
     static get is() { return "p-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -33,7 +33,6 @@ export class PBadge {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "BadgeColor",
@@ -54,11 +53,11 @@ export class PBadge {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "undefined"
             },
             "dark": {
                 "type": "boolean",
-                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -74,9 +73,9 @@ export class PBadge {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "dark",
                 "defaultValue": "false"
             }
         };
     }
 }
-//# sourceMappingURL=p-badge.js.map

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

@@ -49,7 +49,7 @@ export class PButton {
     }
     render() {
         const color = `var(--${this.type}${this.dark ? '-light' : ''})`;
-        return (h("div", { key: 'e971d6de8b966f86d1384e7924f399e20471ffed', class: this.getParentClass() }, h("button", { key: '5e3a1523b364cc43330281a5337dc8ec26693fd7', disabled: this.disabled, type: "button", class: this.getClass() }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
+        return (h("div", { key: 'c7426f188d8f5489d9c1a7db4f42ca53ffb3f07a', class: this.getParentClass() }, h("button", { key: '338bca6485d45e1115bc0d142d1a5b2385ef2b59', class: this.getClass(), disabled: this.disabled, type: "button" }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
     }
     static get is() { return "p-button"; }
     static get encapsulation() { return "shadow"; }
@@ -67,7 +67,6 @@ export class PButton {
         return {
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "ButtonColor",
@@ -88,11 +87,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'primary'"
             },
             "outline": {
                 "type": "boolean",
-                "attribute": "outline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -108,11 +107,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "outline",
                 "defaultValue": "false"
             },
             "large": {
                 "type": "boolean",
-                "attribute": "large",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -128,11 +127,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "large",
                 "defaultValue": "false"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -148,11 +147,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "small",
                 "defaultValue": "false"
             },
             "block": {
                 "type": "boolean",
-                "attribute": "block",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -168,11 +167,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "block",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -188,11 +187,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "dark": {
                 "type": "boolean",
-                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -208,11 +207,11 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "dark",
                 "defaultValue": "false"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -228,10 +227,10 @@ export class PButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             }
         };
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=p-button.js.map

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

@@ -3212,7 +3212,8 @@
   --shadow-color-hover: rgba(0, 0, 0, 0.3);
   --primary-inverse: #fff;
 }
-:host .papier.is--dark *, :host .papier.is--dark p {
+:host .papier.is--dark *,
+:host .papier.is--dark p {
   color: white;
 }
 :host .papier.with--radius .card {
@@ -3223,7 +3224,8 @@
   border-top-left-radius: 255px 15px;
   border-top-right-radius: 15px 225px;
 }
-:host .papier.with--radius .card .card-footer, :host .papier.with--radius .card .card-header {
+:host .papier.with--radius .card .card-footer,
+:host .papier.with--radius .card .card-header {
   border-color: white;
 }
 :host .papier:not(.has--footer) .card-footer {

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

@@ -19,13 +19,13 @@ export class PCard {
         this.hasFooter = !!this.el.querySelector('[slot="footer"]');
     }
     render() {
-        return (h(Host, { key: '4cb7a3e38b98061a1cd84b23775aa0df73d89925' }, h("div", { key: '4b44b04f35bc40cc1012c7542fb1963a13a3e970', class: {
+        return (h(Host, { key: 'd049173b4627568a2fcf0e1db01d9a0f22b1d92e' }, h("div", { key: 'c2764a36aba0cb71a6a05bce0ab460b3d6de9596', class: {
                 papier: true,
                 'is--dark': this.dark,
                 'has--header': this.hasHeader === true,
                 'has--footer': this.hasFooter,
                 'with--radius': this.radius,
-            } }, h("div", { key: '47c37acf3feab648c13e315ead3820a36789e97c', class: "card" }, h("div", { key: 'e4c07665aa5a0415c26a3978de70903308ef27cd', class: "card-header" }, h("slot", { key: '315a88697f7d6e808f2da8879135734ff1131d33', name: "header" })), this.image && h("img", { key: 'e427f29c3a4b6c6e4fb5e46bfe17dfcaf0d2d149', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: 'aa9acf1260a632e3f079c856d76d3a316be65df5', class: "card-body" }, h("h4", { key: '3b1417cd014b15c424645d4194b2b1b5957e934d', class: "card-title" }, h("slot", { key: 'ad5172c294d95b6155c1720a407fd9c0d6a12586', name: "title" })), h("h5", { key: '1f35eb5349cd9d15006ad2490391691e97ceb482', class: "card-subtitle" }, h("slot", { key: '8598e111595356a8b3f1cf7ab4c232901c5be4a3', name: "subtitle" })), h("p", { key: 'ecb05a88b93f32c0228bb2bbf54c0e6c758b15e0', class: "card-text" }, h("slot", { key: '4cbed27c08e3e49e161d639af128f0aea1a431c4', name: "text" })), h("slot", { key: '9904a795fe28ec58ecc928c3e310df4f2ee9dd73' })), h("div", { key: 'c8fa285762f923e6af5dcfdbf168b8389821aa2e', class: "card-footer" }, h("slot", { key: '0f6a64c096943018fef819ad0297141a9fdb89bf', name: "footer" }))))));
+            } }, h("div", { key: 'db44844ced5e52f0fbb8a1a668448c213e267beb', class: "card" }, h("div", { key: 'd7d172d12fad3039eecbdf760248d320ed881022', class: "card-header" }, h("slot", { key: '3750a4df7f9211dbd822aee1318020adfc88004c', name: "header" })), this.image && h("img", { key: 'ad3c6f0f629d0f18fe14aa45bcdaf19e662e49aa', alt: "card-img", class: "image-top", src: this.image }), h("div", { key: '9e72b1b2ba1dd4d2b050824fd4438fd82136eb56', class: "card-body" }, h("h4", { key: 'de9db569e70c6c46a3426d9a69346199b6458153', class: "card-title" }, h("slot", { key: '1570c4263f58b0651bda4077e0a2402ea148c8c2', name: "title" })), h("h5", { key: '4927b911797b22962d80ac588edc931051728986', class: "card-subtitle" }, h("slot", { key: 'ad4e7e6bc74c5cf12e5578ca262d9a609533125c', name: "subtitle" })), h("p", { key: '554c0635bfec3e9d26de5e508d69d065344b54f6', class: "card-text" }, h("slot", { key: '934a4d3d05c199b865b9d88279b91fd2ff40e71f', name: "text" })), h("slot", { key: '15399ad2b6ab871094562288ac8986d1e6f5afa1' })), h("div", { key: '414b5ea56200aaf3d38b9bea579e9ba28c24cebb', class: "card-footer" }, h("slot", { key: '3e53fd5426605159a6f7d6701ba672f50a84ff1e', name: "footer" }))))));
     }
     static get is() { return "p-card"; }
     static get encapsulation() { return "shadow"; }
@@ -43,7 +43,6 @@ export class PCard {
         return {
             "dark": {
                 "type": "boolean",
-                "attribute": "dark",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -59,11 +58,11 @@ export class PCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "dark",
                 "defaultValue": "false"
             },
             "radius": {
                 "type": "boolean",
-                "attribute": "radius",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -79,11 +78,11 @@ export class PCard {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "radius",
                 "defaultValue": "false"
             },
             "image": {
                 "type": "string",
-                "attribute": "image",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -98,7 +97,8 @@ export class PCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "image"
             }
         };
     }
@@ -110,4 +110,3 @@ export class PCard {
     }
     static get elementRef() { return "el"; }
 }
-//# sourceMappingURL=p-card.js.map