@amiceli/papierjs 0.0.1 → 0.2.0

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

@@ -1,4 +1,3 @@
-// biome-ignore lint/correctness/noUnusedImports: required for jsx
 import { h } from "@stencil/core";
 export class Alert {
     constructor() {
@@ -31,9 +30,7 @@ export class Alert {
         this.close.emit(null);
     }
     render() {
-        return (h("div", { key: '24c723f751a36ba4c6ec942a8bd02f00741df2a0', class: this.getParentClass() }, h("div", { key: 'e1135841dbcf1019fa7e9579c09a89d7a03401e2', class: this.getClass() }, h("slot", { key: 'd47e77110e46d395f50d0fccd94a5f074b633610' }), this.closable && (
-        // biome-ignore lint/a11y/useKeyWithClickEvents: useless
-        h("span", { key: '865c3b476c33bb5de5ce24deb7b1460282be5404', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
+        return (h("div", { key: '47023968aab603c5f3cc8c4c104531fccfda18c5', class: this.getParentClass() }, h("div", { key: '9493fbb5effde0c373150a46f92e080a043641c0', class: this.getClass() }, h("slot", { key: '5cca2a145a4b287d6c3947afdcab64c0439b2e36' }), this.closable && (h("span", { key: '7682a194126fd1672f4243a897eecb43926aceee', class: "btn-close", onClick: () => this.closeAlert() }, "X")))));
     }
     static get is() { return "p-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/alert/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAS5E,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAE7B,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;KAsDzB;IAjDU,QAAQ;QACX,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QACtE,IAAI,QAAQ,GAAG,OAAO,CAAA;QAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,gBAAgB,CAAA;QAC1C,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,UAAU,IAAI,CAAC,IAAI,EAAE,CAAA;QAC/C,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,GAAG,QAAQ,cAAc,CAAA;QACxC,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;IAEM,UAAU;QACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACvB,8DAAQ;gBACP,IAAI,CAAC,QAAQ,IAAI;gBACd,wDAAwD;gBACxD,6DACI,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,QAG7B,CACV,CACC,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["// biome-ignore lint/correctness/noUnusedImports: required for jsx\nimport { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\ntype AlertColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n\n@Component({\n    tag: 'p-alert',\n    styleUrl: 'alert.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    type?: AlertColor = 'primary'\n    @Prop()\n    closable?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'close' })\n    public close: EventEmitter\n\n    public getClass(): string {\n        const types = ['primary', 'secondary', 'success', 'warning', 'danger']\n        let cssClass = 'alert'\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} alert-primary`\n        } else {\n            cssClass = `${cssClass} alert-${this.type}`\n        }\n\n        if (this.closable) {\n            cssClass = `${cssClass} dismissible`\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    public closeAlert() {\n        this.close.emit(null)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class={this.getClass()}>\n                    <slot />\n                    {this.closable && (\n                        // biome-ignore lint/a11y/useKeyWithClickEvents: useless\n                        <span\n                            class=\"btn-close\"\n                            onClick={() => this.closeAlert()}\n                        >\n                            X\n                        </span>\n                    )}\n                </div>\n            </div>\n        )\n    }\n}\n"]}
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAS5E,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAE7B,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;KAqDzB;IAhDU,QAAQ;QACX,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QACtE,IAAI,QAAQ,GAAG,OAAO,CAAA;QAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,GAAG,QAAQ,gBAAgB,CAAA;QAC1C,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,GAAG,QAAQ,UAAU,IAAI,CAAC,IAAI,EAAE,CAAA;QAC/C,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,GAAG,QAAQ,cAAc,CAAA;QACxC,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;IAEM,UAAU;QACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACzB,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACvB,8DAAQ;gBACP,IAAI,CAAC,QAAQ,IAAI,CACd,6DACI,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,QAG7B,CACV,CACC,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\ntype AlertColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n\n@Component({\n    tag: 'p-alert',\n    styleUrl: 'alert.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    type?: AlertColor = 'primary'\n    @Prop()\n    closable?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'close' })\n    public close: EventEmitter\n\n    public getClass(): string {\n        const types = ['primary', 'secondary', 'success', 'warning', 'danger']\n        let cssClass = 'alert'\n\n        if (!types.includes(this.type)) {\n            cssClass = `${cssClass} alert-primary`\n        } else {\n            cssClass = `${cssClass} alert-${this.type}`\n        }\n\n        if (this.closable) {\n            cssClass = `${cssClass} dismissible`\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    public closeAlert() {\n        this.close.emit(null)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class={this.getClass()}>\n                    <slot />\n                    {this.closable && (\n                        <span\n                            class=\"btn-close\"\n                            onClick={() => this.closeAlert()}\n                        >\n                            X\n                        </span>\n                    )}\n                </div>\n            </div>\n        )\n    }\n}\n"]}