@amiceli/papierjs 0.10.0 → 0.12.0

package/dist/cjs/p-button_3.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-button.p-dropdown.p-dropdown-item.entry.cjs.js","mappings":"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","names":["h","dropdownCss","feather"],"sources":["src/components/button/button.scss?tag=p-button&encapsulation=shadow","src/components/button/button.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/dropdown/dropdown.tsx","src/components/dropdown/dropdown/dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/dropdown-item/dropdown-item.tsx"],"sourcesContent":[":host {\n    @import \"../common\";\n\n    @include useBlock();\n}","import { Component, Element, Prop, h } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.scss',\n    shadow: true,\n})\nexport class Button {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = ['success', 'secondary', 'primary', 'danger', 'warning']\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button disabled={this.disabled} type=\"button\" class={this.getClass()}>\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","import { Component, Element, Event, type EventEmitter, Listen, Prop, State, h } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - slot for p-dropdown-item\n */\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    /** Prevent dropdown self update selected value */\n    @Prop()\n    preventSelected?: boolean = false\n    /** Selected item value */\n    @Prop({ mutable: true })\n    value?: string = ''\n    @State()\n    open?: boolean = false\n    @Prop()\n    placeholder?: string\n    @State()\n    selectedValue?: string\n    @Element()\n    public el: HTMLElement\n\n    @Event({ eventName: 'select' })\n    public selectEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown': true,\n            'is--dark': this.dark,\n            'is--open': this.open,\n        }\n    }\n\n    @Listen('click', { target: 'window' })\n    public detectOutsideClick(ev) {\n        if (!this.el.contains(ev.target)) {\n            this.open = false\n        }\n    }\n\n    public resetItem() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            item.removeAttribute('selected')\n        }\n    }\n\n    public componentWillLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            if (this.dark) {\n                item.setAttribute('dark', 'true')\n            }\n            if (item.selected === true) {\n                this.value = item.value\n            }\n            item.addEventListener('change', (e) => {\n                this.selectEvent.emit(e.detail)\n                this.open = !this.open\n\n                if (!this.preventSelected) {\n                    this.resetItem()\n                    item.setAttribute('selected', '')\n                    this.value = e.detail\n                }\n            })\n        }\n    }\n\n    public selectValue(value: string) {\n        this.selectEvent.emit(value)\n    }\n\n    public getSelectedValue(): string {\n        const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n        const selected = list.find((item) => {\n            return item.value === this.value\n        })\n\n        return selected?.innerText || this.placeholder || ''\n    }\n\n    render() {\n        const selected = this.getSelectedValue()\n        const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n        return (\n            <div class={this.getParentClass()}>\n                <div\n                    class=\"dropdown__header border border-primary\"\n                    onClick={() => {\n                        this.open = !this.open\n                    }}\n                >\n                    <span>{selected}</span>\n                    <span class=\"for--icon\" innerHTML={arrowIcon} />\n                </div>\n                <div class=\"dropdown__children\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n",":host {\n    @import \"../../common\";\n\n    @include useBlock();\n\n    height: 27px;\n\n    .dropdown-item {\n        width: 100%;\n        background: white;\n        height: 27px;\n\n        &.is--dark {\n            background: #41403e;\n        }\n\n        &:hover {\n            cursor: pointer;\n\n            .border {\n                cursor: pointer;\n            }\n        }\n\n        .border {\n            height: 27px;\n            padding-left: 10px;\n            box-sizing: border-box;\n            border-top: none;\n        }\n    }\n\n    .dropdown {\n        position: relative;\n        height: 27px;\n\n        &.is--dark {\n            color : white;\n            .dropdown__header, .dropdown__children {\n                background: #41403e;\n            }\n        }\n\n        &__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-left: 10px;\n            padding-right: 10px;\n            cursor: pointer;\n            position: relative;\n            z-index: 20;\n        }\n\n        &__children {\n            position: absolute;\n            z-index: 222;\n            top: 31px;\n            left: 0;\n            width: 100%;\n            max-height: 200px;\n            display: grid;\n            grid-auto-rows: 27px;\n            max-height: calc(27px * 5);\n            overflow-y: auto;\n            background: white;\n        }\n\n        .for--icon {\n            position: relative;\n            top: 2px;\n            transition: all 0.3s linear;\n            transform: rotate(0deg);\n        }\n\n        &:not(.is--open) {\n            .dropdown__children {\n                display: none;\n            }\n        }\n\n        &.is--open {\n            .dropdown__children {\n                display: grid;\n            }\n\n            .for--icon {\n                transform: rotate(180deg);\n                top: -3px;\n            }\n        }\n    }\n\n    .dropdown {\n        &:not(.is--block) {\n            display: inline-block;\n            min-width: 200px;\n        }\n\n        &.is--block {\n            display: block;\n            width: 100%;\n            box-sizing: border-box;\n        }\n    }\n\n}","import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-item',\n    styleUrl: '../dropdown/dropdown.scss',\n    shadow: true,\n})\nexport class DropdownItem {\n    @Prop()\n    value!: string\n    @Prop()\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown-item': true,\n            'is--dark': this.dark,\n        }\n    }\n\n    public sendClick() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n                <div\n                    class={{\n                        'background-success': this.selected,\n                        'border border-primary': true,\n                    }}\n                >\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"],"version":3}

package/dist/cjs/p-dropdown-preview.cjs.entry.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var index = require('./index-BLkeAjdP.js');
-
-const Alert = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = '';
-        this.selectedValue = '';
-    }
-    showModal(value) {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.open();
-        this.value = value;
-    }
-    onValidate() {
-        this.selectedValue = this.value;
-        this.onClose();
-    }
-    onClose() {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    render() {
-        return (index.h("div", { key: 'ebd30a904cdb71d290662840e8b4766d102ca708' }, index.h("p-modal", { key: 'ce72d861ec7ab4d7829979704ec29b05927e821b' }, index.h("p", { key: 'ec93f16257d10733a2c9b13cba777b5261ba5278' }, "You select ", index.h("b", { key: '440cfe0df3d00558d47e521f5fd4a41b3a5ee5bf' }, this.value)), index.h("br", { key: 'cd1944ff062010f7d231095320b87e36a1e14f69' }), index.h("p-button", { key: 'e4214b4ae538cd70099225ee0f63055994fa3458', type: "success", onClick: () => this.onValidate() }, "I validate"), "\u00A0", index.h("p-button", { key: '8c195065be017b3de36f28658b4c5b7da8a69a61', type: "danger", onClick: () => this.onClose() }, "No !")), index.h("p-dropdown", { key: 'a0403bb75fc0e08e52c7de0e42c40f420fde6022', placeholder: "Choose best framework", "prevent-selected": true, onSelect: (e) => this.showModal(e.detail), value: this.selectedValue }, index.h("p-dropdown-item", { key: 'f9ca500444e71ca5a74f1a2e24cf4b374a611d21', value: "awesome", selected: this.selectedValue === 'awesome' }, "Vue"), index.h("p-dropdown-item", { key: 'c76664ee455ccf7763d09f761a36873ad82876f6', value: "Stencil", selected: this.selectedValue === 'Stencil' }, "Stencil"), index.h("p-dropdown-item", { key: 'e8342727fbc6e0f8ab82b36e829e7d97e4bcaddb', value: "Storybook", selected: this.selectedValue === 'Storybook' }, "Storybook"))));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.p_dropdown_preview = Alert;
-//# sourceMappingURL=p-dropdown-preview.entry.cjs.js.map
-
-//# sourceMappingURL=p-dropdown-preview.cjs.entry.js.map

package/dist/cjs/p-dropdown-preview.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-dropdown-preview.entry.cjs.js","mappings":";;;;MAKa,KAAK,GAAA,MAAA;AAHlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKI,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AAqD7B;AAjDU,IAAA,SAAS,CAAC,KAAa,EAAA;;AAC1B,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;AACxC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAGf,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;QAC/B,IAAI,CAAC,OAAO,EAAE;;IAGX,OAAO,GAAA;;AACV,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;IAG7C,MAAM,GAAA;QACF,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBACeA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAI,IAAI,CAAC,KAAK,CAAK,CAC9B,EACJA,OAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACNA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAE9C,EAAA,YAAA,CAAA,YAEXA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,WAE1C,CACL,EACVA,OACI,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,uBAAuB,EAEnC,kBAAA,EAAA,IAAA,EAAA,QAAQ,EAAE,CAAC,CAAc,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACtD,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzBA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,EAEzD,EAAA,KAAA,CAAA,EAClBA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,EAEzD,EAAA,SAAA,CAAA,EAClBA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,EAAA,EAAA,WAAA,CAE7D,CACT,CACX;;;;;;;","names":["h"],"sources":["src/components/dropdown/dropdown/stories/dropdown.preview.tsx"],"sourcesContent":["import { Component, Element, State, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-preview',\n})\nexport class Alert {\n    @State()\n    value: string = ''\n    @State()\n    selectedValue: string = ''\n    @Element()\n    public el: HTMLElement\n\n    public showModal(value: string) {\n        this.el.querySelector('p-modal')?.open()\n        this.value = value\n    }\n\n    public onValidate() {\n        this.selectedValue = this.value\n        this.onClose()\n    }\n\n    public onClose() {\n        this.el.querySelector('p-modal')?.close()\n    }\n\n    render() {\n        return (\n            <div>\n                <p-modal>\n                    <p>\n                        You select <b>{this.value}</b>\n                    </p>\n                    <br />\n                    <p-button type=\"success\" onClick={() => this.onValidate()}>\n                        I validate\n                    </p-button>\n                    &nbsp;\n                    <p-button type=\"danger\" onClick={() => this.onClose()}>\n                        No !\n                    </p-button>\n                </p-modal>\n                <p-dropdown\n                    placeholder=\"Choose best framework\"\n                    prevent-selected\n                    onSelect={(e: CustomEvent) => this.showModal(e.detail)}\n                    value={this.selectedValue}\n                >\n                    <p-dropdown-item value=\"awesome\" selected={this.selectedValue === 'awesome'}>\n                        Vue\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Stencil\" selected={this.selectedValue === 'Stencil'}>\n                        Stencil\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Storybook\" selected={this.selectedValue === 'Storybook'}>\n                        Storybook\n                    </p-dropdown-item>\n                </p-dropdown>\n            </div>\n        )\n    }\n}\n"],"version":3}

package/dist/cjs/p-dropdown-preview.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-dropdown-preview.entry.cjs.js","sources":["src/components/dropdown/dropdown/stories/dropdown.preview.tsx"],"sourcesContent":["import { Component, Element, State, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-preview',\n})\nexport class Alert {\n    @State()\n    value: string = ''\n    @State()\n    selectedValue: string = ''\n    @Element()\n    public el: HTMLElement\n\n    public showModal(value: string) {\n        this.el.querySelector('p-modal')?.open()\n        this.value = value\n    }\n\n    public onValidate() {\n        this.selectedValue = this.value\n        this.onClose()\n    }\n\n    public onClose() {\n        this.el.querySelector('p-modal')?.close()\n    }\n\n    render() {\n        return (\n            <div>\n                <p-modal>\n                    <p>\n                        You select <b>{this.value}</b>\n                    </p>\n                    <br />\n                    <p-button type=\"success\" onClick={() => this.onValidate()}>\n                        I validate\n                    </p-button>\n                    &nbsp;\n                    <p-button type=\"danger\" onClick={() => this.onClose()}>\n                        No !\n                    </p-button>\n                </p-modal>\n                <p-dropdown\n                    placeholder=\"Choose best framework\"\n                    prevent-selected\n                    onSelect={(e: CustomEvent) => this.showModal(e.detail)}\n                    value={this.selectedValue}\n                >\n                    <p-dropdown-item value=\"awesome\" selected={this.selectedValue === 'awesome'}>\n                        Vue\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Stencil\" selected={this.selectedValue === 'Stencil'}>\n                        Stencil\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Storybook\" selected={this.selectedValue === 'Storybook'}>\n                        Storybook\n                    </p-dropdown-item>\n                </p-dropdown>\n            </div>\n        )\n    }\n}\n"],"names":["h"],"mappings":";;;;MAKa,KAAK,GAAA,MAAA;AAHlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKI,QAAA,IAAK,CAAA,KAAA,GAAW,EAAE;AAElB,QAAA,IAAa,CAAA,aAAA,GAAW,EAAE;AAqD7B;AAjDU,IAAA,SAAS,CAAC,KAAa,EAAA;;AAC1B,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;AACxC,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK;;IAGf,UAAU,GAAA;AACb,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK;QAC/B,IAAI,CAAC,OAAO,EAAE;;IAGX,OAAO,GAAA;;AACV,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;IAG7C,MAAM,GAAA;QACF,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACIA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBACeA,OAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAI,IAAI,CAAC,KAAK,CAAK,CAC9B,EACJA,OAAM,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACNA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAE9C,EAAA,YAAA,CAAA,YAEXA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,WAE1C,CACL,EACVA,OACI,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,WAAW,EAAC,uBAAuB,EAEnC,kBAAA,EAAA,IAAA,EAAA,QAAQ,EAAE,CAAC,CAAc,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACtD,KAAK,EAAE,IAAI,CAAC,aAAa,EAAA,EAEzBA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,EAEzD,EAAA,KAAA,CAAA,EAClBA,OAAiB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,EAEzD,EAAA,SAAA,CAAA,EAClBA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAiB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,EAAA,EAAA,WAAA,CAE7D,CACT,CACX;;;;;;;"}

package/dist/cjs/p-modal-preview.cjs.entry.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var index = require('./index-BLkeAjdP.js');
-
-const PModalPreview = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.title = false;
-    }
-    openModal() {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.open();
-    }
-    closeModal() {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    render() {
-        return (index.h("div", { key: '1443551adceb5558ad63e775099e0aecbf4cb19c' }, this.title === true ? (index.h("p-modal", null, index.h("span", { slot: "title" }, "Modal title"), index.h("span", { slot: "sub-title" }, "Modal sub title"), index.h("span", { slot: "text" }, "This is an example of modal which is implemented with pure CSS! :D"), index.h("p-button", { type: "warning", onClick: () => this.closeModal() }, "Close it !"))) : (index.h("p-modal", null, index.h("h1", null, "Ciao fratello"), index.h("p", null, "click on button, cross or outside modal to close it."), index.h("br", null), index.h("p-button", { type: "success", onClick: () => this.closeModal() }, "Close modal"))), index.h("p-button", { key: '995c0f73de1751a512a4f77c32137ebd3a06dec6', type: this.title ? 'secondary' : 'primary', onClick: () => {
-                this.openModal();
-            } }, "Open modal")));
-    }
-    get el() { return index.getElement(this); }
-};
-
-exports.p_modal_preview = PModalPreview;
-//# sourceMappingURL=p-modal-preview.entry.cjs.js.map
-
-//# sourceMappingURL=p-modal-preview.cjs.entry.js.map

package/dist/cjs/p-modal-preview.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-modal-preview.entry.cjs.js","mappings":";;;;MAKa,aAAa,GAAA,MAAA;AAH1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKI,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AA6C1B;IAzCU,SAAS,GAAA;;AACZ,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;;IAGrC,UAAU,GAAA;;AACb,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;IAG7C,MAAM,GAAA;AACF,QAAA,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACK,IAAI,CAAC,KAAK,KAAK,IAAI,IAChBA,OAAA,CAAA,SAAA,EAAA,IAAA,EACIA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAmB,EAAA,aAAA,CAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAuB,EAAA,iBAAA,CAAA,EAC7CA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAA0E,EAAA,oEAAA,CAAA,EAC3FA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAE9C,EAAA,YAAA,CAAA,CACL,KAEVA,OAAA,CAAA,SAAA,EAAA,IAAA,EACIA,OAAsB,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,CAAA,EACtBA,OAA2D,CAAA,GAAA,EAAA,IAAA,EAAA,sDAAA,CAAA,EAC3DA,OAAM,CAAA,IAAA,EAAA,IAAA,CAAA,EACNA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAAA,EAAA,aAAA,CAE9C,CACL,CACb,EACDA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,SAAS,EAC1C,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,SAAS,EAAE;AACpB,aAAC,EAAA,EAAA,YAAA,CAGM,CACT;;;;;;;","names":["h"],"sources":["src/components/modal/stories/modal.preview.tsx"],"sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-modal-preview',\n})\nexport class PModalPreview {\n    @Prop()\n    title?: boolean = false\n    @Element()\n    public el: HTMLElement\n\n    public openModal() {\n        this.el.querySelector('p-modal')?.open()\n    }\n\n    public closeModal() {\n        this.el.querySelector('p-modal')?.close()\n    }\n\n    render() {\n        return (\n            <div>\n                {this.title === true ? (\n                    <p-modal>\n                        <span slot=\"title\">Modal title</span>\n                        <span slot=\"sub-title\">Modal sub title</span>\n                        <span slot=\"text\">This is an example of modal which is implemented with pure CSS! :D</span>\n                        <p-button type=\"warning\" onClick={() => this.closeModal()}>\n                            Close it !\n                        </p-button>\n                    </p-modal>\n                ) : (\n                    <p-modal>\n                        <h1>Ciao fratello</h1>\n                        <p>click on button, cross or outside modal to close it.</p>\n                        <br />\n                        <p-button type=\"success\" onClick={() => this.closeModal()}>\n                            Close modal\n                        </p-button>\n                    </p-modal>\n                )}\n                <p-button\n                    type={this.title ? 'secondary' : 'primary'}\n                    onClick={() => {\n                        this.openModal()\n                    }}\n                >\n                    Open modal\n                </p-button>\n            </div>\n        )\n    }\n}\n"],"version":3}

package/dist/cjs/p-modal-preview.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-modal-preview.entry.cjs.js","sources":["src/components/modal/stories/modal.preview.tsx"],"sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-modal-preview',\n})\nexport class PModalPreview {\n    @Prop()\n    title?: boolean = false\n    @Element()\n    public el: HTMLElement\n\n    public openModal() {\n        this.el.querySelector('p-modal')?.open()\n    }\n\n    public closeModal() {\n        this.el.querySelector('p-modal')?.close()\n    }\n\n    render() {\n        return (\n            <div>\n                {this.title === true ? (\n                    <p-modal>\n                        <span slot=\"title\">Modal title</span>\n                        <span slot=\"sub-title\">Modal sub title</span>\n                        <span slot=\"text\">This is an example of modal which is implemented with pure CSS! :D</span>\n                        <p-button type=\"warning\" onClick={() => this.closeModal()}>\n                            Close it !\n                        </p-button>\n                    </p-modal>\n                ) : (\n                    <p-modal>\n                        <h1>Ciao fratello</h1>\n                        <p>click on button, cross or outside modal to close it.</p>\n                        <br />\n                        <p-button type=\"success\" onClick={() => this.closeModal()}>\n                            Close modal\n                        </p-button>\n                    </p-modal>\n                )}\n                <p-button\n                    type={this.title ? 'secondary' : 'primary'}\n                    onClick={() => {\n                        this.openModal()\n                    }}\n                >\n                    Open modal\n                </p-button>\n            </div>\n        )\n    }\n}\n"],"names":["h"],"mappings":";;;;MAKa,aAAa,GAAA,MAAA;AAH1B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAKI,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AA6C1B;IAzCU,SAAS,GAAA;;AACZ,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,EAAE;;IAGrC,UAAU,GAAA;;AACb,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,EAAE;;IAG7C,MAAM,GAAA;AACF,QAAA,QACIA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACK,IAAI,CAAC,KAAK,KAAK,IAAI,IAChBA,OAAA,CAAA,SAAA,EAAA,IAAA,EACIA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,OAAO,EAAmB,EAAA,aAAA,CAAA,EACrCA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,WAAW,EAAuB,EAAA,iBAAA,CAAA,EAC7CA,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,MAAM,EAA0E,EAAA,oEAAA,CAAA,EAC3FA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAE9C,EAAA,YAAA,CAAA,CACL,KAEVA,OAAA,CAAA,SAAA,EAAA,IAAA,EACIA,OAAsB,CAAA,IAAA,EAAA,IAAA,EAAA,eAAA,CAAA,EACtBA,OAA2D,CAAA,GAAA,EAAA,IAAA,EAAA,sDAAA,CAAA,EAC3DA,OAAM,CAAA,IAAA,EAAA,IAAA,CAAA,EACNA,OAAA,CAAA,UAAA,EAAA,EAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAAA,EAAA,aAAA,CAE9C,CACL,CACb,EACDA,OAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,WAAW,GAAG,SAAS,EAC1C,OAAO,EAAE,MAAK;gBACV,IAAI,CAAC,SAAS,EAAE;AACpB,aAAC,EAAA,EAAA,YAAA,CAGM,CACT;;;;;;;"}

package/dist/cjs/p-notification-handler.cjs.entry.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var index = require('./index-BLkeAjdP.js');
-
-const pNotificationHandlerCss = ":host{pointer-events:none;display:flex;flex-direction:column;justify-content:center;row-gap:8px;position:fixed;top:40px;margin:auto 80px;left:0;right:0;z-index:9999}";
-
-const PNotificationHandler = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.notifications = [];
-    }
-    async pushNotification(options) {
-        const { type, text, canclose, timeout } = options;
-        const timestamp = String(new Date().getTime());
-        this.notifications = [
-            ...this.notifications,
-            {
-                type,
-                text,
-                canclose,
-                timestamp,
-            },
-        ];
-        if (!timeout)
-            return;
-        setTimeout(() => {
-            const notification = this.notifications.find((toast) => {
-                return toast.timestamp === timestamp;
-            });
-            if (notification) {
-                this.removeToast(timestamp);
-            }
-        }, timeout);
-    }
-    removeToast(timestamp) {
-        this.notifications = this.notifications.filter((toast) => {
-            return toast.timestamp !== timestamp;
-        });
-    }
-    closeToastHandler(event) {
-        this.removeToast(event.detail);
-    }
-    mapNotifications() {
-        return this.notifications.map((toast) => (index.h("p-notification", { key: toast.type, type: toast.type, text: toast.text, canclose: toast.canclose, timestamp: toast.timestamp })));
-    }
-    render() {
-        return index.h(index.Host, { key: '3fd9e86a226374f1a6301f220fd952b95141ca9a' }, this.mapNotifications());
-    }
-};
-PNotificationHandler.style = pNotificationHandlerCss;
-
-exports.p_notification_handler = PNotificationHandler;
-//# sourceMappingURL=p-notification-handler.entry.cjs.js.map
-
-//# sourceMappingURL=p-notification-handler.cjs.entry.js.map

package/dist/cjs/p-notification-handler.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"p-notification-handler.entry.cjs.js","mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,uKAAuK;;MCkB1L,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAa,CAAA,aAAA,GAAmB,EAAE;AAgD5C;IA7CU,MAAM,gBAAgB,CAAC,OAAoB,EAAA;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;AACrB,YAAA;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;AACZ,aAAA;SACJ;AAED,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,UAAU,CAAC,MAAK;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;AACnD,gBAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,aAAC,CAAC;YACF,IAAI,YAAY,EAAE;AACd,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;SAElC,EAAE,OAAO,CAAC;;AAGP,IAAA,WAAW,CAAC,SAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACrD,YAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,SAAC,CAAC;;AAIC,IAAA,iBAAiB,CAAC,KAA0B,EAAA;AAC/C,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;;IAG3B,gBAAgB,GAAA;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChCA,OAAA,CAAA,gBAAA,EAAA,EAAgB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAI,CAChI,CAAC;;IAGN,MAAM,GAAA;AACF,QAAA,OAAOA,OAAA,CAACC,UAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,CAAQ;;;;;;;","names":["h","Host"],"sources":["src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","import { Component, Host, Listen, Method, State, h } from '@stencil/core'\n\nexport type PushOptions = {\n    type: string\n    text: string\n    canclose: boolean\n    timeout?: number\n}\n\ntype Notification = PushOptions & {\n    timestamp: string\n}\n\n@Component({\n    tag: 'p-notification-handler',\n    styleUrl: 'p-notification-handler.scss',\n    shadow: true,\n})\nexport class PNotificationHandler {\n    @State()\n    public notifications: Notification[] = []\n\n    @Method()\n    public async pushNotification(options: PushOptions) {\n        const { type, text, canclose, timeout } = options\n        const timestamp = String(new Date().getTime())\n        this.notifications = [\n            ...this.notifications,\n            {\n                type,\n                text,\n                canclose,\n                timestamp,\n            },\n        ]\n\n        if (!timeout) return\n\n        setTimeout(() => {\n            const notification = this.notifications.find((toast) => {\n                return toast.timestamp === timestamp\n            })\n            if (notification) {\n                this.removeToast(timestamp)\n            }\n        }, timeout)\n    }\n\n    private removeToast(timestamp: string) {\n        this.notifications = this.notifications.filter((toast) => {\n            return toast.timestamp !== timestamp\n        })\n    }\n\n    @Listen('close')\n    public closeToastHandler(event: CustomEvent<string>) {\n        this.removeToast(event.detail)\n    }\n\n    public mapNotifications() {\n        return this.notifications.map((toast) => (\n            <p-notification key={toast.type} type={toast.type} text={toast.text} canclose={toast.canclose} timestamp={toast.timestamp} />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"],"version":3}

package/dist/cjs/p-notification-handler.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-notification-handler.entry.cjs.js","sources":["src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n    pointer-events: none;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    row-gap: 8px;\n    position: fixed;\n    top: 40px;\n    margin: auto 80px;\n    left: 0;\n    right: 0;\n    z-index: 9999;\n}","import { Component, Host, Listen, Method, State, h } from '@stencil/core'\n\nexport type PushOptions = {\n    type: string\n    text: string\n    canclose: boolean\n    timeout?: number\n}\n\ntype Notification = PushOptions & {\n    timestamp: string\n}\n\n@Component({\n    tag: 'p-notification-handler',\n    styleUrl: 'p-notification-handler.scss',\n    shadow: true,\n})\nexport class PNotificationHandler {\n    @State()\n    public notifications: Notification[] = []\n\n    @Method()\n    public async pushNotification(options: PushOptions) {\n        const { type, text, canclose, timeout } = options\n        const timestamp = String(new Date().getTime())\n        this.notifications = [\n            ...this.notifications,\n            {\n                type,\n                text,\n                canclose,\n                timestamp,\n            },\n        ]\n\n        if (!timeout) return\n\n        setTimeout(() => {\n            const notification = this.notifications.find((toast) => {\n                return toast.timestamp === timestamp\n            })\n            if (notification) {\n                this.removeToast(timestamp)\n            }\n        }, timeout)\n    }\n\n    private removeToast(timestamp: string) {\n        this.notifications = this.notifications.filter((toast) => {\n            return toast.timestamp !== timestamp\n        })\n    }\n\n    @Listen('close')\n    public closeToastHandler(event: CustomEvent<string>) {\n        this.removeToast(event.detail)\n    }\n\n    public mapNotifications() {\n        return this.notifications.map((toast) => (\n            <p-notification key={toast.type} type={toast.type} text={toast.text} canclose={toast.canclose} timestamp={toast.timestamp} />\n        ))\n    }\n\n    render() {\n        return <Host>{this.mapNotifications()}</Host>\n    }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,uBAAuB,GAAG,uKAAuK;;MCkB1L,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAa,CAAA,aAAA,GAAmB,EAAE;AAgD5C;IA7CU,MAAM,gBAAgB,CAAC,OAAoB,EAAA;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;AACrB,YAAA;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;AACZ,aAAA;SACJ;AAED,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,UAAU,CAAC,MAAK;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;AACnD,gBAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,aAAC,CAAC;YACF,IAAI,YAAY,EAAE;AACd,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;SAElC,EAAE,OAAO,CAAC;;AAGP,IAAA,WAAW,CAAC,SAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACrD,YAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,SAAC,CAAC;;AAIC,IAAA,iBAAiB,CAAC,KAA0B,EAAA;AAC/C,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;;IAG3B,gBAAgB,GAAA;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChCA,OAAA,CAAA,gBAAA,EAAA,EAAgB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAI,CAChI,CAAC;;IAGN,MAAM,GAAA;AACF,QAAA,OAAOA,OAAA,CAACC,UAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,CAAQ;;;;;;;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,OAAO,MAAM,eAAe,CAAA;AAEnC;;GAEG;AAMH,MAAM,OAAO,UAAU;IALvB;QASI,SAAI,GAAY,KAAK,CAAA;KAkCxB;IAhCG,MAAM;QACF,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE,CAAA;QAClD,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,EAAE,CAAA;QAEpD,OAAO,CACH,EAAC,IAAI;YACD,4DAAK,KAAK,EAAC,QAAQ;gBACf,4DAAK,KAAK,EAAC,8BAA8B;oBACrC,4DACI,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,GAAG,EAAE;4BACV,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;wBAC1B,CAAC;wBAED,+DAAO,IAAI,CAAC,KAAK,CAAQ;wBACzB;4BACI,6DAAM,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAI,CAC/D,CACL;oBACN,4DACI,KAAK,EAAE;4BACH,sBAAsB,EAAE,IAAI;4BAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;yBACxB;wBAED,8DAAQ,CACN,CACJ,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - accordion content\n */\n@Component({\n    tag: 'p-accordion',\n    styleUrl: 'accordion.scss',\n    shadow: true,\n})\nexport class PAccordion {\n    @Prop()\n    title: string\n    @Prop({ mutable: true })\n    open: boolean = false\n\n    render() {\n        const icon = feather.icons['chevron-down'].toSvg()\n        const openIcon = feather.icons['chevron-up'].toSvg()\n\n        return (\n            <Host>\n                <div class=\"papier\">\n                    <div class=\"p-accordion is--block border\">\n                        <div\n                            class=\"p-accordion__summary\"\n                            onClick={() => {\n                                this.open = !this.open\n                            }}\n                        >\n                            <span>{this.title}</span>\n                            <span>\n                                <span class=\"for--icon\" innerHTML={this.open ? openIcon : icon} />\n                            </span>\n                        </div>\n                        <div\n                            class={{\n                                'p-accordion__content': true,\n                                'is--open': this.open,\n                            }}\n                        >\n                            <slot />\n                        </div>\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"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;QAC7B,sBAAsB;QACd,aAAQ,GAAa,KAAK,CAAA;QAElC,SAAI,GAAa,KAAK,CAAA;KAkDzB;IA7CU,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,6DAAM,KAAK,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,QAEjD,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    /** Show close icon */\n    @Prop() 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 class=\"btn-close\" onClick={() => this.closeAlert()}>\n                            X\n                        </span>\n                    )}\n                </div>\n            </div>\n        )\n    }\n}\n"]}

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

@@ -1,46 +0,0 @@
-export default {
-    title: 'Components/Alert/Playground',
-    argTypes: {
-        type: {
-            control: { type: 'select' },
-            options: ['primary', 'secondary', 'warning', 'danger', 'noted'],
-            name: 'checked-background',
-        },
-        darkMode: {
-            name: 'dark mode',
-            control: 'boolean',
-        },
-        closable: {
-            name: 'dark mode',
-            control: 'boolean',
-        },
-    },
-}
-
-const Template = (args) => {
-    const content = `
-        <p-alert
-            type="${args.type}"
-            ${args.darkMode ? 'dark' : ''}
-            ${args.closable ? 'closable' : ''}
-        >
-            ${args.contenr}
-        </p-alert>`
-
-    return args.darkMode
-        ? `
-        <div style="padding: 10px; box-sizing: border-box; width: 100%; background: #41403e">
-            ${content}
-        </div>
-    `
-        : content
-}
-
-export const Playground = Template.bind({})
-
-Playground.args = {
-    contenr: 'Alert',
-    type: 'primary',
-    closable: false,
-    darkMode: false,
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AASlD,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAgB,SAAS,CAAA;QAE7B,SAAI,GAAa,KAAK,CAAA;KAyBzB;IAvBU,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,QAAQ;QACX,OAAO,SAAS,IAAI,CAAC,IAAI,IAAI,EAAE,EAAE,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC9B,6DAAM,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE;gBACxB,8DAAQ,CACL,CACJ,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from '@stencil/core'\n\ntype BadgeColor = 'secondary' | 'success' | 'warning' | 'danger'\n\n@Component({\n    tag: 'p-badge',\n    styleUrl: 'badge.scss',\n    shadow: true,\n})\nexport class Badge {\n    @Prop()\n    type?: BadgeColor = undefined\n    @Prop()\n    dark?: boolean = false\n\n    public getParentClass() {\n        let cssClass = `papier`\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public getClass() {\n        return `badge ${this.type || ''}`\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                <span class={this.getClass()}>\n                    <slot />\n                </span>\n            </span>\n        )\n    }\n}\n"]}

package/dist/collection/components/badge/stories/badge.stories.js

@@ -1,45 +0,0 @@
-export default {
-    title: 'Components/Badge/Playground',
-    argTypes: {
-        type: {
-            control: { type: 'select' },
-            options: ['success', 'secondary', 'warning', 'danger'],
-            name: 'checked-background',
-        },
-        darkMode: {
-            name: 'dark mode',
-            control: 'boolean',
-        },
-    },
-}
-
-const Template = (args) => {
-    const content = `
-        <h3 
-            style="font-size : 40px; color: ${args.darkMode ? 'white' : 'black'}"
-        >
-            PapierJS : <p-badge
-                type="${args.type}"
-                ${args.darkMode ? 'dark' : ''}
-            >
-                ${args.contenr}
-            </p-badge>
-        </h3>
-    `
-
-    return args.darkMode
-        ? `
-        <div style="padding: 10px; box-sizing: border-box; width: 100%; background: #41403e">
-            ${content}
-        </div>
-    `
-        : content
-}
-
-export const Playground = Template.bind({})
-
-Playground.args = {
-    contenr: 'Alert',
-    type: 'success',
-    darkMode: false,
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;KAmCzB;IA/BU,cAAc;QACjB,IAAI,QAAQ,GAAG,6BAA6B,CAAA;QAE5C,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,gBAAgB;;QACnB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,mBAAmB,CAAC,CAAC,CAAA;QAE3E,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACvB,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;YACrC,CAAC;QACL,CAAC;QAED,MAAA,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,0CAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;IAC9C,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,4DAAK,KAAK,EAAC,QAAQ;gBACf,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb',\n    styleUrl: 'breadcrumb.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier is--block breadcrumb'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n\n    public componentDidLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-breadcrumb-item'))\n\n        if (this.dark) {\n            for (const item of items) {\n                item.setAttribute('dark', 'true')\n            }\n        }\n\n        items.at(0)?.setAttribute('first', 'true')\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                <div class=\"border\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/breadcrumb/breadcrumb-item/breadcrumb-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breadcrumb-item.js","sourceRoot":"","sources":["../../../../src/components/breadcrumb/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO3D,MAAM,OAAO,KAAK;IALlB;QAOI,SAAI,GAAa,KAAK,CAAA;QAEtB,UAAK,GAAa,KAAK,CAAA;KAgC1B;IA1BU,cAAc;QACjB,IAAI,QAAQ,GAAG,wBAAwB,CAAA;QAEvC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAED,MAAM;QACF,OAAO,CACH,6DAAM,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,IAC7B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,SAAG,IAAI,EAAE,IAAI,CAAC,IAAI;YACd,eAAQ,CACR,CACP,CAAC,CAAC,CAAC,CACA,eAAQ,CACX,CACE,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-breadcrumb-item',\n    styleUrl: '../breadcrumb/breadcrumb.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    first?: boolean = false\n    @Prop()\n    link?: string\n    @Element()\n    public el: HTMLElement\n\n    public getParentClass() {\n        let cssClass = 'papier breadcrumb-item'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.first) {\n            cssClass = `${cssClass} is--first`\n        }\n\n        return cssClass\n    }\n\n    render() {\n        return (\n            <span class={this.getParentClass()}>\n                {this.link ? (\n                    <a href={this.link}>\n                        <slot />\n                    </a>\n                ) : (\n                    <slot />\n                )}\n            </span>\n        )\n    }\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAI3D;;GAEG;AAMH,MAAM,OAAO,MAAM;IALnB;QASI,SAAI,GAAiB,SAAS,CAAA;QAE9B,YAAO,GAAa,KAAK,CAAA;QAEzB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,UAAK,GAAa,KAAK,CAAA;QAEvB,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;QAEtB,YAAO,GAAa,KAAK,CAAA;KAgD5B;IA9CU,QAAQ;QACX,MAAM,KAAK,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QACtE,IAAI,QAAQ,GAAG,EAAE,CAAA;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7B,QAAQ,GAAG,aAAa,CAAA;QAC5B,CAAC;aAAM,CAAC;YACJ,QAAQ,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,CAAA;QACjC,CAAC;QAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChB,QAAQ,GAAG,UAAU,CAAA;QACzB,CAAC;QAED,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QACzD,QAAQ,GAAG,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;QAEzD,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,cAAc;QACjB,IAAI,QAAQ,GAAG,QAAQ,CAAA;QAEvB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IACD,MAAM;QACF,MAAM,KAAK,GAAG,SAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,CAAA;QAE/D,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC7B,+DAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAChE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,eAAQ,CAAC,CAAC,CAAC,iBAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Prop, h } from '@stencil/core'\n\ntype ButtonColor = 'success' | 'secondary' | 'primary' | 'danger' | 'warning'\n\n/**\n * @slot - button content\n */\n@Component({\n    tag: 'p-button',\n    styleUrl: 'button.scss',\n    shadow: true,\n})\nexport class Button {\n    @Element()\n    el: Element\n    @Prop()\n    type?: ButtonColor = 'primary'\n    @Prop()\n    outline?: boolean = false\n    @Prop()\n    large?: boolean = false\n    @Prop()\n    small?: boolean = false\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    disabled?: boolean = false\n    @Prop()\n    dark?: boolean = false\n    @Prop()\n    loading?: boolean = false\n\n    public getClass(): string {\n        const types = ['success', 'secondary', 'primary', 'danger', 'warning']\n        let cssClass = ''\n\n        if (!types.includes(this.type)) {\n            cssClass = 'btn-primary'\n        } else {\n            cssClass = `btn-${this.type}`\n        }\n\n        if (this.disabled) {\n            cssClass = 'disabled'\n        }\n\n        cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n        cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n        cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n        cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n        return cssClass\n    }\n\n    public getParentClass() {\n        let cssClass = 'papier'\n\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n\n        return cssClass\n    }\n    render() {\n        const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n        return (\n            <div class={this.getParentClass()}>\n                <button disabled={this.disabled} type=\"button\" class={this.getClass()}>\n                    {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n                </button>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/button/stories/button.stories.js

@@ -1,53 +0,0 @@
-export default {
-    title: 'Components/Buttons/Playground',
-    argTypes: {
-        type: {
-            control: { type: 'select' },
-            options: ['success', 'secondary', 'warning', 'danger'],
-            name: 'checked-background',
-        },
-        darkMode: {
-            name: 'dark mode',
-            control: 'boolean',
-        },
-    },
-}
-
-const Template = (args) => {
-    const content = `
-        <div style="width: 400px">
-            <p-button
-                type="${args.type}"
-                ${args.darkMode ? 'dark' : ''}
-                ${args.outline ? 'outline' : ''}
-                ${args.small ? 'small' : ''}
-                ${args.large ? 'large' : ''}
-                ${args.block ? 'block' : ''}
-                ${args.disabled ? 'disabled' : ''}
-            >
-                ${args.contenr}
-            </p-button>
-        </div>
-    `
-
-    return args.darkMode
-        ? `
-        <div style="padding: 10px; box-sizing: border-box; width: 100%; background: #41403e">
-            ${content}
-        </div>
-    `
-        : content
-}
-
-export const Playground = Template.bind({})
-
-Playground.args = {
-    contenr: 'Awesome button',
-    type: 'success',
-    darkMode: false,
-    outline: false,
-    large: false,
-    small: false,
-    block: false,
-    disabled: false,
-}

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

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown/dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, type EventEmitter, Listen, Prop, State, h } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/**\n * @slot - slot for p-dropdown-item\n */\n@Component({\n    tag: 'p-dropdown',\n    styleUrl: 'dropdown.scss',\n    shadow: true,\n})\nexport class Alert {\n    @Prop()\n    dark?: boolean = false\n    /** Prevent dropdown self update selected value */\n    @Prop()\n    preventSelected?: boolean = false\n    /** Selected item value */\n    @Prop({ mutable: true })\n    value?: string = ''\n    @State()\n    open?: boolean = false\n    @Prop()\n    placeholder?: string\n    @State()\n    selectedValue?: string\n    @Element()\n    public el: HTMLElement\n\n    @Event({ eventName: 'select' })\n    public selectEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown': true,\n            'is--dark': this.dark,\n            'is--open': this.open,\n        }\n    }\n\n    @Listen('click', { target: 'window' })\n    public detectOutsideClick(ev) {\n        if (!this.el.contains(ev.target)) {\n            this.open = false\n        }\n    }\n\n    public resetItem() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            item.removeAttribute('selected')\n        }\n    }\n\n    public componentWillLoad() {\n        const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n        for (const item of items) {\n            if (this.dark) {\n                item.setAttribute('dark', 'true')\n            }\n            if (item.selected === true) {\n                this.value = item.value\n            }\n            item.addEventListener('change', (e) => {\n                this.selectEvent.emit(e.detail)\n                this.open = !this.open\n\n                if (!this.preventSelected) {\n                    this.resetItem()\n                    item.setAttribute('selected', '')\n                    this.value = e.detail\n                }\n            })\n        }\n    }\n\n    public selectValue(value: string) {\n        this.selectEvent.emit(value)\n    }\n\n    public getSelectedValue(): string {\n        const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n        const selected = list.find((item) => {\n            return item.value === this.value\n        })\n\n        return selected?.innerText || this.placeholder || ''\n    }\n\n    render() {\n        const selected = this.getSelectedValue()\n        const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n        return (\n            <div class={this.getParentClass()}>\n                <div\n                    class=\"dropdown__header border border-primary\"\n                    onClick={() => {\n                        this.open = !this.open\n                    }}\n                >\n                    <span>{selected}</span>\n                    <span class=\"for--icon\" innerHTML={arrowIcon} />\n                </div>\n                <div class=\"dropdown__children\">\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/dropdown/dropdown/stories/dropdown-playground.stories.js

@@ -1,71 +0,0 @@
-export default {
-    title: 'Components/Dropdown/Playground',
-    argTypes: {
-        darkMode: {
-            name: 'dark mode',
-            control: 'boolean',
-        },
-    },
-}
-
-const Template = (args) => {
-    return `
-        <div style="width : 90%">
-            <p-leaf>
-                <h3>p-dropdown</h3>
-            </p-leaf>
-            <br />
-            <p>
-                By default dropdown update and display selected value :
-            </p>
-            <div>
-                <p-dropdown
-                    ${args.darkMode ? 'dark' : ''}
-                    value="Vue js"
-                    ${args.preventSelected ? 'prevent-selected' : ''}
-                >
-                    <p-dropdown-item value="Vue js" selected>
-                        Vue Js
-                    </p-dropdown-item>
-                    <p-dropdown-item value="Nest">
-                        Nest
-                    </p-dropdown-item>
-                    <p-dropdown-item value="Storybook">
-                        Storybook
-                    </p-dropdown-item>
-                </p-dropdown>
-            </div>
-            <p-leaf>
-                <h3>p-dropdown with placeholder</h3>
-                <p>
-                    But you can prevent this with 'prevent-selected' :
-                </p>
-            </p-leaf>
-            <div>
-                <p-dropdown
-                    ${args.darkMode ? 'dark' : ''}
-                    placeholder="${args.placeholder}"
-                    ${args.preventSelected ? 'prevent-selected' : ''}
-                >
-                    <p-dropdown-item value="Vue js">
-                        Vue Js
-                    </p-dropdown-item>
-                    <p-dropdown-item value="Nest">
-                        Nest
-                    </p-dropdown-item>
-                    <p-dropdown-item value="Storybook">
-                        Storybook
-                    </p-dropdown-item>
-                </p-dropdown>
-            </div>
-        </div>
-    `
-}
-
-export const Playground = Template.bind({})
-
-Playground.args = {
-    darkMode: false,
-    preventSelected: false,
-    placeholder: 'Choose a framework',
-}

package/dist/collection/components/dropdown/dropdown/stories/dropdown.preview.js

@@ -1,32 +0,0 @@
-import { h } from "@stencil/core";
-export class Alert {
-    constructor() {
-        this.value = '';
-        this.selectedValue = '';
-    }
-    showModal(value) {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.open();
-        this.value = value;
-    }
-    onValidate() {
-        this.selectedValue = this.value;
-        this.onClose();
-    }
-    onClose() {
-        var _a;
-        (_a = this.el.querySelector('p-modal')) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    render() {
-        return (h("div", { key: 'ebd30a904cdb71d290662840e8b4766d102ca708' }, h("p-modal", { key: 'ce72d861ec7ab4d7829979704ec29b05927e821b' }, h("p", { key: 'ec93f16257d10733a2c9b13cba777b5261ba5278' }, "You select ", h("b", { key: '440cfe0df3d00558d47e521f5fd4a41b3a5ee5bf' }, this.value)), h("br", { key: 'cd1944ff062010f7d231095320b87e36a1e14f69' }), h("p-button", { key: 'e4214b4ae538cd70099225ee0f63055994fa3458', type: "success", onClick: () => this.onValidate() }, "I validate"), "\u00A0", h("p-button", { key: '8c195065be017b3de36f28658b4c5b7da8a69a61', type: "danger", onClick: () => this.onClose() }, "No !")), h("p-dropdown", { key: 'a0403bb75fc0e08e52c7de0e42c40f420fde6022', placeholder: "Choose best framework", "prevent-selected": true, onSelect: (e) => this.showModal(e.detail), value: this.selectedValue }, h("p-dropdown-item", { key: 'f9ca500444e71ca5a74f1a2e24cf4b374a611d21', value: "awesome", selected: this.selectedValue === 'awesome' }, "Vue"), h("p-dropdown-item", { key: 'c76664ee455ccf7763d09f761a36873ad82876f6', value: "Stencil", selected: this.selectedValue === 'Stencil' }, "Stencil"), h("p-dropdown-item", { key: 'e8342727fbc6e0f8ab82b36e829e7d97e4bcaddb', value: "Storybook", selected: this.selectedValue === 'Storybook' }, "Storybook"))));
-    }
-    static get is() { return "p-dropdown-preview"; }
-    static get states() {
-        return {
-            "value": {},
-            "selectedValue": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-}
-//# sourceMappingURL=dropdown.preview.js.map

package/dist/collection/components/dropdown/dropdown/stories/dropdown.preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown.preview.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/dropdown/stories/dropdown.preview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAK5D,MAAM,OAAO,KAAK;IAHlB;QAKI,UAAK,GAAW,EAAE,CAAA;QAElB,kBAAa,GAAW,EAAE,CAAA;KAqD7B;IAjDU,SAAS,CAAC,KAAa;;QAC1B,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,0CAAE,IAAI,EAAE,CAAA;QACxC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACtB,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,IAAI,CAAC,OAAO,EAAE,CAAA;IAClB,CAAC;IAEM,OAAO;;QACV,MAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,0CAAE,KAAK,EAAE,CAAA;IAC7C,CAAC;IAED,MAAM;QACF,OAAO,CACH;YACI;gBACI;;oBACe,4DAAI,IAAI,CAAC,KAAK,CAAK,CAC9B;gBACJ,4DAAM;gBACN,iEAAU,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,iBAE9C;;gBAEX,iEAAU,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,WAE1C,CACL;YACV,mEACI,WAAW,EAAC,uBAAuB,4BAEnC,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACtD,KAAK,EAAE,IAAI,CAAC,aAAa;gBAEzB,wEAAiB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,UAEzD;gBAClB,wEAAiB,KAAK,EAAC,SAAS,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,SAAS,cAEzD;gBAClB,wEAAiB,KAAK,EAAC,WAAW,EAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,KAAK,WAAW,gBAE7D,CACT,CACX,CACT,CAAA;IACL,CAAC;;;;;;;CACJ","sourcesContent":["import { Component, Element, State, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-preview',\n})\nexport class Alert {\n    @State()\n    value: string = ''\n    @State()\n    selectedValue: string = ''\n    @Element()\n    public el: HTMLElement\n\n    public showModal(value: string) {\n        this.el.querySelector('p-modal')?.open()\n        this.value = value\n    }\n\n    public onValidate() {\n        this.selectedValue = this.value\n        this.onClose()\n    }\n\n    public onClose() {\n        this.el.querySelector('p-modal')?.close()\n    }\n\n    render() {\n        return (\n            <div>\n                <p-modal>\n                    <p>\n                        You select <b>{this.value}</b>\n                    </p>\n                    <br />\n                    <p-button type=\"success\" onClick={() => this.onValidate()}>\n                        I validate\n                    </p-button>\n                    &nbsp;\n                    <p-button type=\"danger\" onClick={() => this.onClose()}>\n                        No !\n                    </p-button>\n                </p-modal>\n                <p-dropdown\n                    placeholder=\"Choose best framework\"\n                    prevent-selected\n                    onSelect={(e: CustomEvent) => this.showModal(e.detail)}\n                    value={this.selectedValue}\n                >\n                    <p-dropdown-item value=\"awesome\" selected={this.selectedValue === 'awesome'}>\n                        Vue\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Stencil\" selected={this.selectedValue === 'Stencil'}>\n                        Stencil\n                    </p-dropdown-item>\n                    <p-dropdown-item value=\"Storybook\" selected={this.selectedValue === 'Storybook'}>\n                        Storybook\n                    </p-dropdown-item>\n                </p-dropdown>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/dropdown/dropdown-item/dropdown-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dropdown-item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown-item/dropdown-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,YAAY;IALzB;QASI,aAAQ,GAAa,KAAK,CAAA;QAE1B,SAAI,GAAa,KAAK,CAAA;KA8BzB;IAzBU,cAAc;QACjB,OAAO;YACH,sBAAsB,EAAE,IAAI;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB,CAAA;IACL,CAAC;IAEM,SAAS;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;YAC9D,4DACI,KAAK,EAAE;oBACH,oBAAoB,EAAE,IAAI,CAAC,QAAQ;oBACnC,uBAAuB,EAAE,IAAI;iBAChC;gBAED,8DAAQ,CACN,CACJ,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-dropdown-item',\n    styleUrl: '../dropdown/dropdown.scss',\n    shadow: true,\n})\nexport class DropdownItem {\n    @Prop()\n    value!: string\n    @Prop()\n    selected?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    public getParentClass() {\n        return {\n            'papier dropdown-item': true,\n            'is--dark': this.dark,\n        }\n    }\n\n    public sendClick() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n                <div\n                    class={{\n                        'background-success': this.selected,\n                        'border border-primary': true,\n                    }}\n                >\n                    <slot />\n                </div>\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/form/input-text/input-text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-text.js","sourceRoot":"","sources":["../../../../src/components/form/input-text/input-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAO5E,MAAM,OAAO,SAAS;IALtB;QAUI,UAAK,GAAY,EAAE,CAAA;QAGnB,aAAQ,GAAa,KAAK,CAAA;QAG1B,SAAI,GAAa,KAAK,CAAA;QAMtB,aAAQ,GAAa,KAAK,CAAA;QAG1B,UAAK,GAAa,KAAK,CAAA;KA6D1B;IAlDU,cAAc;QACjB,IAAI,QAAQ,GAAG,mBAAmB,CAAA;QAElC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,QAAQ,GAAG,GAAG,QAAQ,WAAW,CAAA;QACrC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,YAAY,CAAA;QACtC,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,GAAG,GAAG,QAAQ,aAAa,CAAA;QACvC,CAAC;QAED,OAAO,QAAQ,CAAA;IACnB,CAAC;IAEM,OAAO,CAAC,EAAS;QACpB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,MAAM,IAAK,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAA;QAE/D,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACpC,CAAC;IAEM,QAAQ;QACX,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACrC,CAAC;IAED,MAAM;QACF,OAAO,CACH,4DAAK,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE;YAC5B,IAAI,CAAC,KAAK,IAAI,CACX,8DAAO,OAAO,EAAC,cAAc;gBACxB,IAAI,CAAC,KAAK;gBACV,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CACrB,CACX;YACD,8DACI,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,EAAE,EAAC,cAAc,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;gBACnB,CAAC,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GACjC;YACD,IAAI,CAAC,KAAK,IAAI,0DAAG,KAAK,EAAC,aAAa,IAAE,IAAI,CAAC,KAAK,CAAK,CACpD,CACT,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-input-text',\n    styleUrl: 'input-text.scss',\n    shadow: true,\n})\nexport class InputText {\n    @Prop()\n    placeholder?: string\n\n    @Prop({ mutable: true })\n    value?: string = ''\n\n    @Prop()\n    required?: boolean = false\n\n    @Prop()\n    dark?: boolean = false\n\n    @Prop()\n    label?: string\n\n    @Prop()\n    disabled?: boolean = false\n\n    @Prop()\n    block?: boolean = false\n\n    @Prop()\n    error?: string\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<string>\n\n    @Event({ eventName: 'input' })\n    public inputEvent: EventEmitter<string>\n\n    public getParentClass() {\n        let cssClass = 'papier form-group'\n\n        if (this.dark) {\n            cssClass = `${cssClass} is--dark`\n        }\n        if (this.block) {\n            cssClass = `${cssClass} is--block`\n        }\n        if (this.error) {\n            cssClass = `${cssClass} has--error`\n        }\n\n        return cssClass\n    }\n\n    public onInput(ev: Event) {\n        this.value = ev.target && (ev.target as HTMLInputElement).value\n\n        this.inputEvent.emit(this.value)\n    }\n\n    public onChange() {\n        this.changeEvent.emit(this.value)\n    }\n\n    render() {\n        return (\n            <div class={this.getParentClass()}>\n                {this.label && (\n                    <label htmlFor=\"paperInputs1\">\n                        {this.label}\n                        {this.required ? '*' : ''}\n                    </label>\n                )}\n                <input\n                    type=\"text\"\n                    placeholder={this.placeholder}\n                    id=\"paperInputs1\"\n                    disabled={this.disabled}\n                    onInput={(e) => {\n                        this.onInput(e)\n                    }}\n                    value={this.value}\n                    onChange={() => this.onChange()}\n                />\n                {this.error && <p class=\"text-danger\">{this.error}</p>}\n            </div>\n        )\n    }\n}\n"]}

package/dist/collection/components/form/slider/sliders.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sliders.js","sourceRoot":"","sources":["../../../../src/components/form/slider/sliders.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAA;AAOlF,MAAM,OAAO,QAAQ;IALrB;QAOI,UAAK,GAAY,CAAC,CAAA;QAElB,QAAG,GAAY,CAAC,CAAA;QAIhB,UAAK,GAAa,KAAK,CAAA;QAEvB,SAAI,GAAa,KAAK,CAAA;KAmCzB;IA9BU,OAAO,CAAC,CAAQ;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC,CAAA;IAChF,CAAC;IAED,MAAM;QACF,OAAO,CACH,EAAC,IAAI;YACD,4DACI,KAAK,EAAE;oBACH,MAAM,EAAE,IAAI;oBACZ,WAAW,EAAE,IAAI,CAAC,KAAK;oBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;iBACxB;gBAED,4DAAK,KAAK,EAAC,YAAY;oBACnB,8DACI,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4BACX,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;wBACnB,CAAC,GACH,CACA,CACJ,CACH,CACV,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, type EventEmitter, Host, Prop, h } from '@stencil/core'\n\n@Component({\n    tag: 'p-slider',\n    styleUrl: 'slider.scss',\n    shadow: true,\n})\nexport class PSliders {\n    @Prop()\n    value?: number = 0\n    @Prop()\n    min?: number = 0\n    @Prop()\n    max?: number\n    @Prop()\n    block?: boolean = false\n    @Prop()\n    dark?: boolean = false\n\n    @Event({ eventName: 'change' })\n    public changeEvent: EventEmitter<number>\n\n    public onInput(e: Event) {\n        this.changeEvent.emit(Number.parseInt((e.target as HTMLInputElement).value))\n    }\n\n    render() {\n        return (\n            <Host>\n                <div\n                    class={{\n                        papier: true,\n                        'is--block': this.block,\n                        'is--dark': this.dark,\n                    }}\n                >\n                    <div class=\"form-group\">\n                        <input\n                            class=\"input-block\"\n                            type=\"range\"\n                            min={this.min}\n                            max={this.max}\n                            value={this.value}\n                            onInput={(e) => {\n                                this.onInput(e)\n                            }}\n                        />\n                    </div>\n                </div>\n            </Host>\n        )\n    }\n}\n"]}

package/dist/collection/components/form/slider/sliders.preview.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sliders.preview.js","sourceRoot":"","sources":["../../../../src/components/form/slider/sliders.preview.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa;IACzB,MAAM,aAAa,GAAG,IAAI,gBAAgB,CAAC,GAAG,EAAE;QAC5C,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;QACpD,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAA;QAE9D,IAAI,MAAM,IAAI,UAAU,EAAE,CAAC;YACvB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAc,EAAE,EAAE;gBACjD,UAAU,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAA;YACrC,CAAC,CAAC,CAAA;YAEF,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 previewSlider() {\n    const alertObserver = new MutationObserver(() => {\n        const slider = document.querySelector('#for-slider')\n        const sliderSpan = document.querySelector('#for-slider-label')\n\n        if (slider && sliderSpan) {\n            slider.addEventListener('change', (e: CustomEvent) => {\n                sliderSpan.textContent = e.detail\n            })\n\n            alertObserver.disconnect()\n        }\n    })\n\n    alertObserver.observe(document.body, {\n        childList: true,\n        subtree: true,\n    })\n}\n"]}