@amiceli/papierjs 0.2.0 → 0.3.0

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

@@ -0,0 +1,61 @@
+import { Host, h } from "@stencil/core";
+export class PModal {
+    constructor() {
+        this.isOpen = false;
+    }
+    open() {
+        this.isOpen = true;
+    }
+    close() {
+        this.isOpen = false;
+    }
+    render() {
+        return (h(Host, { key: '5c4e7a04c0ccd3be165ae01c0efa8872624e0ca9' }, this.isOpen && (h("div", { key: 'c3ab6740f10f5d22be2c5b71be9ec550a314eb82', class: "papier" }, h("div", { key: '2cfc871e6c9cb41e7cde854667ab724f244c991d', class: "modal" }, h("div", { key: '7bde677fa33cb292b892ddb2afe3862058abc8e0', class: "modal-bg", onClick: () => this.close() }), h("div", { key: 'bf2eb167e2212f0d4ea8cbd3c336d3d6b3f3551f', class: "modal-body" }, h("span", { key: '6d273c5b6da477fdd7b7e380e3ae480929a3344f', class: "btn-close", onClick: () => this.close() }, "X"), h("h4", { key: 'eef7c2b42a6f5ecba1888d84aaeeeb6f4ecec5ac', class: "modal-title" }, h("slot", { key: '3962a58c0b73d75da6c1a9b63d61fcd194d46680', name: "title" })), h("h5", { key: 'ac9648a3ec88e861bbcb841cb595f84af7e6b774', class: "modal-subtitle" }, h("slot", { key: '3f011e0ed1d54b7682a86cc5d9f183cd784fb0ec', name: "sub-title" })), h("p", { key: '8ebb994ada7f45643b35beb5a81cedf8c1589475', class: "modal-text" }, h("slot", { key: '6226b1b51f09af6924cfd423e9d14295b9955df0', name: "text" })), h("slot", { key: 'aa050710343d4021b526134b914a67baae20ede9' })))))));
+    }
+    static get is() { return "p-modal"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["p-modal.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["p-modal.css"]
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {}
+        };
+    }
+    static get methods() {
+        return {
+            "open": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {},
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "close": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {},
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}
+//# 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,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAOjE,MAAM,OAAO,MAAM;IALnB;QAOI,WAAM,GAAY,KAAK,CAAA;KA8C1B;IA3CU,IAAI;QACP,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;IACtB,CAAC;IAGM,KAAK;QACR,IAAI,CAAC,MAAM,GAAG,KAAK,CAAA;IACvB,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI,uDACA,IAAI,CAAC,MAAM,IAAI,CACZ,4DAAK,KAAK,EAAC,QAAQ;YACf,4DAAK,KAAK,EAAC,OAAO;gBACd,4DACI,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,GAC7B;gBACF,4DAAK,KAAK,EAAC,YAAY;oBACnB,6DACI,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,QAGxB;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, Host, Method, State, h } 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    @Method()\n    public open() {\n        this.isOpen = true\n    }\n\n    @Method()\n    public close() {\n        this.isOpen = false\n    }\n\n    render() {\n        return (\n            <Host>\n                {this.isOpen && (\n                    <div class=\"papier\">\n                        <div class=\"modal\">\n                            <div\n                                class=\"modal-bg\"\n                                onClick={() => this.close()}\n                            />\n                            <div class=\"modal-body\">\n                                <span\n                                    class=\"btn-close\"\n                                    onClick={() => this.close()}\n                                >\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/p-modal.preview.js

@@ -0,0 +1,26 @@
+export function previewModal() {
+    const inputObserver = new MutationObserver(() => {
+        const modal = document.querySelector('#modal-1');
+        const buttonModal = document.querySelector('#open-modal-1');
+        const otherModal = document.querySelector('#modal-2');
+        const otherButton = document.querySelector('#open-modal-2');
+        const closeIt = document.querySelector('#close-it');
+        if (modal && buttonModal && otherModal && otherButton) {
+            buttonModal.addEventListener('click', () => {
+                modal.open();
+            });
+            otherButton.addEventListener('click', () => {
+                otherModal.open();
+            });
+            closeIt.addEventListener('click', () => {
+                otherModal.close();
+            });
+            inputObserver.disconnect();
+        }
+    });
+    inputObserver.observe(document.body, {
+        childList: true,
+        subtree: true,
+    });
+}
+//# sourceMappingURL=p-modal.preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-modal.preview.js","sourceRoot":"","sources":["../../../src/components/p-modal/p-modal.preview.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,YAAY;IACxB,MAAM,aAAa,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;QAC5C,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAsB,CAAA;QACrE,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;QAE3D,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CACrC,UAAU,CACQ,CAAA;QACtB,MAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;QAC3D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;QAEnD,IAAI,KAAK,IAAI,WAAW,IAAI,UAAU,IAAI,WAAW,EAAE,CAAC;YACpD,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,KAAK,CAAC,IAAI,EAAE,CAAA;YAChB,CAAC,CAAC,CAAA;YACF,WAAW,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACvC,UAAU,CAAC,IAAI,EAAE,CAAA;YACrB,CAAC,CAAC,CAAA;YACF,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACnC,UAAU,CAAC,KAAK,EAAE,CAAA;YACtB,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":["import type { PModal } from '../../../dist/types/components/p-modal/p-modal'\n\nexport function previewModal() {\n    const inputObserver = new MutationObserver(() => {\n        const modal = document.querySelector('#modal-1') as unknown as PModal\n        const buttonModal = document.querySelector('#open-modal-1')\n\n        const otherModal = document.querySelector(\n            '#modal-2',\n        ) as unknown as PModal\n        const otherButton = document.querySelector('#open-modal-2')\n        const closeIt = document.querySelector('#close-it')\n\n        if (modal && buttonModal && otherModal && otherButton) {\n            buttonModal.addEventListener('click', () => {\n                modal.open()\n            })\n            otherButton.addEventListener('click', () => {\n                otherModal.open()\n            })\n            closeIt.addEventListener('click', () => {\n                otherModal.close()\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/progress-bar/progress-bar.js

@@ -35,7 +35,7 @@ export class ProgressBar {
         return cssClass;
     }
     render() {
-        return (h("div", { key: 'a3a903b56dd7a216cd026067c6ab017ccac8896c', class: this.getParentClass() }, h("div", { key: '02567b1caa5e06b64f73000175215a0cbf9ebb6e', class: "progress" }, h("div", { key: '425f22fd262fa1b7022736db1e7c370dd51da643', class: this.getClass() }, h("slot", { key: 'eb83af0be2657e9b86bcd7aad422948f3c5e96e4' })))));
+        return (h("div", { key: 'b5b6f14316d2f2581fc02d2ca4c1c6fc589f9b0a', class: this.getParentClass() }, h("div", { key: '9f7c3be8aa7fd5cfa58bfedd61335594723b91ce', class: "progress" }, h("div", { key: '758ac60825e1c5ad51fc1897d9f85fa8a148194e', class: this.getClass() }, h("slot", { key: '274937e50c80c677f2da3d08981cc01b3f4731c8' })))));
     }
     static get is() { return "p-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/index.js

@@ -1,3 +1,3 @@
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-81e1c3fa.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-784ab1ae.js';
 
 //# sourceMappingURL=index.js.map

package/dist/components/{p-81e1c3fa.js → p-784ab1ae.js}

@@ -1,5 +1,5 @@
 const NAMESPACE = 'papierjs';
-const BUILD = /* papierjs */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
+const BUILD = /* papierjs */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: false, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: true, propString: true, reflect: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: false, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
 
 /*
  Stencil Client Platform v4.25.3 | MIT Licensed | https://stenciljs.com
@@ -1426,6 +1426,6 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 // src/runtime/platform-options.ts
 var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
-export { H, setNonce as a, setPlatformOptions as b, createEvent as c, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
+export { H, setNonce as a, setPlatformOptions as b, createEvent as c, Host as d, getAssetPath as g, h, proxyCustomElement as p, setAssetPath as s };
 
-//# sourceMappingURL=p-81e1c3fa.js.map
+//# sourceMappingURL=p-784ab1ae.js.map