@paperless/core 1.17.4 → 1.18.0

package/dist/collection/components/molecules/table-header/table-header.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-header/table-header.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n} from '@stencil/core';\nimport { debounceTime, distinctUntilChanged, Subject } from 'rxjs';\nimport { IconVariant } from '../../../components';\nimport { QuickFilter } from '../../../types/table';\nimport {\n    formatTranslation,\n    getLocaleComponentStrings,\n} from '../../../utils/localization';\n\nexport type templateFunc = () => string;\nexport type buttonTemplateFunc = (amount: number) => string;\n\n@Component({\n    tag: 'p-table-header',\n    styleUrl: 'table-header.component.scss',\n    shadow: true,\n})\nexport class TableHeader {\n    private _defaultFilterButtonTemplate: templateFunc = () =>\n        formatTranslation(this._locales.filter);\n    private _defaultActionButtonTemplate: buttonTemplateFunc = (\n        amount: number\n    ) =>\n        this.actionText\n            ? this.actionText\n            : formatTranslation(\n                  amount === 0\n                      ? this._locales.edit\n                      : amount === 1\n                      ? this._locales.edit_single\n                      : this._locales.edit_plural,\n                  { amount }\n              );\n\n    /**\n     * Quick filters to show\n     */\n    @Prop() quickFilters: QuickFilter[] = [];\n\n    /**\n     * Active quick filter identifier\n     */\n    @Prop() activeQuickFilterIdentifier: string;\n\n    /**\n     * Wether we want to show loading state\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The amount of items that are selected\n     */\n    @Prop() itemsSelectedAmount: number = 0;\n\n    /**\n     * The query to show in the search bar\n     */\n    @Prop({ mutable: true }) query: string;\n\n    /**\n     * Wether to show the filter button\n     */\n    @Prop() enableFilter: boolean = true;\n\n    /**\n     * The amount of filters being selected\n     */\n    @Prop() selectedFiltersAmount: number;\n\n    /**\n     * The template for the filter button text\n     */\n    @Prop() filterButtonTemplate: templateFunc =\n        this._defaultFilterButtonTemplate;\n\n    /**\n     * Wether to show the action button\n     */\n    @Prop() enableAction: boolean = true;\n\n    /**\n     * Wether the action button is loading\n     */\n    @Prop() actionLoading: boolean = false;\n\n    /**\n     * The action button icon\n     */\n    @Prop() actionIcon: IconVariant = 'pencil';\n\n    /**\n     * The action button text if changed\n     */\n    @Prop() actionText: string;\n\n    /**\n     * Wether to enable the action button\n     */\n    @Prop({ mutable: true }) canUseAction: boolean = false;\n\n    /**\n     * The template for the action button text\n     */\n    @Prop() actionButtonTemplate: buttonTemplateFunc =\n        this._defaultActionButtonTemplate;\n\n    /**\n     * Event when one of the quick filters is clicked\n     */\n    @Event({\n        bubbles: false,\n    })\n    quickFilter: EventEmitter<QuickFilter>;\n\n    /**\n     * Event when the query changes\n     */\n    @Event({\n        bubbles: false,\n    })\n    queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the filter button is clicked\n     */\n    @Event({\n        bubbles: false,\n    })\n    filter: EventEmitter<null>;\n\n    /**\n     * Event when the action button is clicked\n     */\n    @Event({\n        bubbles: false,\n    })\n    action: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    private _queryObserver = new Subject<string>();\n    private _hasCustomFilterSlot = false;\n\n    componentWillLoad() {\n        this._hasCustomFilterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"custom-filter\"]'\n        );\n\n        this._setLocales();\n    }\n\n    componentDidLoad() {\n        this._queryObserver\n            .pipe(debounceTime(300), distinctUntilChanged())\n            .subscribe((value) => this.queryChange.emit(value));\n    }\n\n    render() {\n        const activeQuickFilter = this.quickFilters.find(\n            (f) => f.identifier === this.activeQuickFilterIdentifier\n        );\n        const mobileTotal =\n            (this.selectedFiltersAmount || 0) +\n            (activeQuickFilter?.default ? 0 : 1);\n\n        return (\n            <Host class=\"p-table-header\">\n                {this.loading && (\n                    <p-loader\n                        variant=\"ghost\"\n                        class=\"hidden h-8 w-3/4 rounded desktop-xs:flex\"\n                    ></p-loader>\n                )}\n\n                {!this.loading &&\n                    (this._hasCustomFilterSlot ||\n                        this.quickFilters.length > 0) && (\n                        <div class=\"left-side flex flex-col justify-start gap-4 desktop-xs:flex-row\">\n                            {this._hasCustomFilterSlot && (\n                                <slot name=\"custom-filter\" />\n                            )}\n\n                            {this.quickFilters.length > 0 && (\n                                <p-segment-container class=\"hidden desktop-xs:flex\">\n                                    {this.quickFilters.map((item) => (\n                                        <p-segment-item\n                                            active={\n                                                item.identifier ===\n                                                this.activeQuickFilterIdentifier\n                                            }\n                                            onClick={() =>\n                                                this.quickFilter.emit(item)\n                                            }\n                                        >\n                                            {typeof item.text === 'string'\n                                                ? item.text\n                                                : item.text()}{' '}\n                                            {item?.count >= 0\n                                                ? `(${item.count})`\n                                                : ''}\n                                        </p-segment-item>\n                                    ))}\n                                </p-segment-container>\n                            )}\n                        </div>\n                    )}\n\n                <div class=\"right-side flex flex-col justify-end gap-4 desktop-xs:flex-row\">\n                    {this.enableSearch && (\n                        <p-input-group\n                            icon=\"search\"\n                            size=\"small\"\n                            class=\"desktop-xs:w-48\"\n                        >\n                            <input\n                                type=\"text\"\n                                slot=\"input\"\n                                placeholder=\"Zoeken...\"\n                                value={this.query}\n                                onInput={(ev) =>\n                                    this._queryObserver.next(\n                                        (ev.target as HTMLInputElement).value\n                                    )\n                                }\n                            />\n                        </p-input-group>\n                    )}\n\n                    {this.enableFilter && (\n                        <p-button\n                            icon=\"filter\"\n                            variant=\"secondary\"\n                            size=\"small\"\n                            class=\"w-full desktop-xs:w-auto\"\n                            onClick={() => this.filter.emit()}\n                        >\n                            {this.filterButtonTemplate\n                                ? this.filterButtonTemplate()\n                                : this._defaultFilterButtonTemplate()}\n                            {this.selectedFiltersAmount &&\n                                this._getLabel(this.selectedFiltersAmount)}\n                            {mobileTotal > 0 &&\n                                this._getLabel(mobileTotal, 'mobile')}\n                        </p-button>\n                    )}\n\n                    {this.enableAction && this._buttonTemplate()}\n                </div>\n\n                {this.enableAction && this.canUseAction && (\n                    <div class=\"fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden\">\n                        {this._buttonTemplate(true)}\n                    </div>\n                )}\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    private _buttonTemplate(mobile = false) {\n        return (\n            <p-button\n                class={mobile ? 'w-full' : 'hidden desktop-xs:flex'}\n                icon={this.actionIcon}\n                size=\"small\"\n                disabled={!this.canUseAction}\n                onClick={() => this.action.emit()}\n                loading={this.actionLoading}\n            >\n                {this.actionButtonTemplate\n                    ? this.actionButtonTemplate(\n                          mobile ? this.itemsSelectedAmount : 0\n                      )\n                    : this._defaultActionButtonTemplate(\n                          mobile ? this.itemsSelectedAmount : 0\n                      )}\n            </p-button>\n        );\n    }\n\n    private _getLabel(amount, variant: 'mobile' | 'default' = 'default') {\n        return (\n            <p-label\n                size=\"small\"\n                variant=\"negative\"\n                behavior=\"text\"\n                class={`ml-1 ${\n                    variant === 'default'\n                        ? 'hidden desktop-xs:flex'\n                        : 'flex desktop-xs:hidden'\n                }`}\n            >\n                {amount}\n            </p-label>\n        );\n    }\n}\n"]}
+{"version":3,"file":"table-header.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-header/table-header.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { debounceTime, distinctUntilChanged, Subject } from 'rxjs';\nimport { IconVariant } from '../../../components';\nimport { QuickFilter } from '../../../types/table';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\n\nexport type templateFunc = () => string;\nexport type buttonTemplateFunc = (amount: number) => string;\n\n@Component({\n\ttag: 'p-table-header',\n\tstyleUrl: 'table-header.component.scss',\n\tshadow: true,\n})\nexport class TableHeader {\n\tprivate _defaultFilterButtonTemplate: templateFunc = () =>\n\t\tformatTranslation(this._locales.filter);\n\tprivate _defaultActionButtonTemplate: buttonTemplateFunc = (\n\t\tamount: number\n\t) =>\n\t\tthis.actionText\n\t\t\t? this.actionText\n\t\t\t: formatTranslation(\n\t\t\t\t\tamount === 0\n\t\t\t\t\t\t? this._locales.edit\n\t\t\t\t\t\t: amount === 1\n\t\t\t\t\t\t\t? this._locales.edit_single\n\t\t\t\t\t\t\t: this._locales.edit_plural,\n\t\t\t\t\t{ amount }\n\t\t\t\t);\n\n\t/**\n\t * Quick filters to show\n\t */\n\t@Prop() quickFilters: QuickFilter[] = [];\n\n\t/**\n\t * Active quick filter identifier\n\t */\n\t@Prop() activeQuickFilterIdentifier: string;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the search input\n\t */\n\t@Prop() enableSearch: boolean = true;\n\n\t/**\n\t * The amount of items that are selected\n\t */\n\t@Prop() itemsSelectedAmount: number = 0;\n\n\t/**\n\t * The query to show in the search bar\n\t */\n\t@Prop({ mutable: true }) query: string;\n\n\t/**\n\t * Wether to show the filter button\n\t */\n\t@Prop() enableFilter: boolean = true;\n\n\t/**\n\t * The amount of filters being selected\n\t */\n\t@Prop() selectedFiltersAmount: number;\n\n\t/**\n\t * The template for the filter button text\n\t */\n\t@Prop() filterButtonTemplate: templateFunc =\n\t\tthis._defaultFilterButtonTemplate;\n\n\t/**\n\t * Wether to show the action button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Wether the action button is loading\n\t */\n\t@Prop() actionLoading: boolean = false;\n\n\t/**\n\t * The action button icon\n\t */\n\t@Prop() actionIcon: IconVariant = 'pencil';\n\n\t/**\n\t * The action button text if changed\n\t */\n\t@Prop() actionText: string;\n\n\t/**\n\t * Wether to enable the action button\n\t */\n\t@Prop({ mutable: true }) canUseAction: boolean = false;\n\n\t/**\n\t * The template for the action button text\n\t */\n\t@Prop() actionButtonTemplate: buttonTemplateFunc =\n\t\tthis._defaultActionButtonTemplate;\n\n\t/**\n\t * Event when one of the quick filters is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tquickFilter: EventEmitter<QuickFilter>;\n\n\t/**\n\t * Event when the query changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the filter button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tfilter: EventEmitter<null>;\n\n\t/**\n\t * Event when the action button is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tprivate _queryObserver = new Subject<string>();\n\tprivate _hasCustomFilterSlot = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasCustomFilterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"custom-filter\"]'\n\t\t);\n\n\t\tthis._setLocales();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._queryObserver\n\t\t\t.pipe(debounceTime(300), distinctUntilChanged())\n\t\t\t.subscribe((value) => this.queryChange.emit(value));\n\t}\n\n\trender() {\n\t\tconst activeQuickFilter = this.quickFilters.find(\n\t\t\t(f) => f.identifier === this.activeQuickFilterIdentifier\n\t\t);\n\t\tconst mobileTotal =\n\t\t\t(this.selectedFiltersAmount || 0) +\n\t\t\t(activeQuickFilter?.default ? 0 : 1);\n\n\t\treturn (\n\t\t\t<Host class=\"p-table-header\">\n\t\t\t\t{this.loading && (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tclass=\"hidden h-8 w-3/4 rounded desktop-xs:flex\"\n\t\t\t\t\t></p-loader>\n\t\t\t\t)}\n\n\t\t\t\t{!this.loading &&\n\t\t\t\t\t(this._hasCustomFilterSlot ||\n\t\t\t\t\t\tthis.quickFilters.length > 0) && (\n\t\t\t\t\t\t<div class=\"left-side flex flex-col justify-start gap-4 desktop-xs:flex-row\">\n\t\t\t\t\t\t\t{this._hasCustomFilterSlot && (\n\t\t\t\t\t\t\t\t<slot name=\"custom-filter\" />\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{this.quickFilters.length > 0 && (\n\t\t\t\t\t\t\t\t<p-segment-container class=\"hidden desktop-xs:flex\">\n\t\t\t\t\t\t\t\t\t{this.quickFilters.map((item) => (\n\t\t\t\t\t\t\t\t\t\t<p-segment-item\n\t\t\t\t\t\t\t\t\t\t\tactive={\n\t\t\t\t\t\t\t\t\t\t\t\titem.identifier ===\n\t\t\t\t\t\t\t\t\t\t\t\tthis.activeQuickFilterIdentifier\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tthis.quickFilter.emit(item)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{typeof item.text === 'string'\n\t\t\t\t\t\t\t\t\t\t\t\t? item.text\n\t\t\t\t\t\t\t\t\t\t\t\t: item.text()}{' '}\n\t\t\t\t\t\t\t\t\t\t\t{item?.count >= 0\n\t\t\t\t\t\t\t\t\t\t\t\t? `(${item.count})`\n\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t</p-segment-item>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</p-segment-container>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t<div class=\"right-side flex flex-col justify-end gap-4 desktop-xs:flex-row\">\n\t\t\t\t\t{this.enableSearch && (\n\t\t\t\t\t\t<p-input-group\n\t\t\t\t\t\t\ticon=\"search\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclass=\"desktop-xs:w-48\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\t\tslot=\"input\"\n\t\t\t\t\t\t\t\tplaceholder=\"Zoeken...\"\n\t\t\t\t\t\t\t\tvalue={this.query}\n\t\t\t\t\t\t\t\tonInput={(ev) =>\n\t\t\t\t\t\t\t\t\tthis._queryObserver.next(\n\t\t\t\t\t\t\t\t\t\t(ev.target as HTMLInputElement).value\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</p-input-group>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableFilter && (\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\ticon=\"filter\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tclass=\"w-full desktop-xs:w-auto\"\n\t\t\t\t\t\t\tonClick={() => this.filter.emit()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.filterButtonTemplate\n\t\t\t\t\t\t\t\t? this.filterButtonTemplate()\n\t\t\t\t\t\t\t\t: this._defaultFilterButtonTemplate()}\n\t\t\t\t\t\t\t{this.selectedFiltersAmount &&\n\t\t\t\t\t\t\t\tthis._getLabel(this.selectedFiltersAmount)}\n\t\t\t\t\t\t\t{mobileTotal > 0 &&\n\t\t\t\t\t\t\t\tthis._getLabel(mobileTotal, 'mobile')}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enableAction && this._buttonTemplate()}\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && this.canUseAction && (\n\t\t\t\t\t<div class=\"fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden\">\n\t\t\t\t\t\t{this._buttonTemplate(true)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _buttonTemplate(mobile = false) {\n\t\treturn (\n\t\t\t<p-button\n\t\t\t\tclass={mobile ? 'w-full' : 'hidden desktop-xs:flex'}\n\t\t\t\ticon={this.actionIcon}\n\t\t\t\tsize=\"small\"\n\t\t\t\tdisabled={!this.canUseAction}\n\t\t\t\tonClick={() => this.action.emit()}\n\t\t\t\tloading={this.actionLoading}\n\t\t\t>\n\t\t\t\t{this.actionButtonTemplate\n\t\t\t\t\t? this.actionButtonTemplate(\n\t\t\t\t\t\t\tmobile ? this.itemsSelectedAmount : 0\n\t\t\t\t\t\t)\n\t\t\t\t\t: this._defaultActionButtonTemplate(\n\t\t\t\t\t\t\tmobile ? this.itemsSelectedAmount : 0\n\t\t\t\t\t\t)}\n\t\t\t</p-button>\n\t\t);\n\t}\n\n\tprivate _getLabel(amount, variant: 'mobile' | 'default' = 'default') {\n\t\treturn (\n\t\t\t<p-label\n\t\t\t\tsize=\"small\"\n\t\t\t\tvariant=\"negative\"\n\t\t\t\tbehavior=\"text\"\n\t\t\t\tclass={`ml-1 ${\n\t\t\t\t\tvariant === 'default'\n\t\t\t\t\t\t? 'hidden desktop-xs:flex'\n\t\t\t\t\t\t: 'flex desktop-xs:hidden'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t{amount}\n\t\t\t</p-label>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/table-header/test/table-header.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-header/test/table-header.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-table-header', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-table-header></p-table-header>');\n        const element = await page.find('p-table-header');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-table-header></p-table-header>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-table-header');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"table-header.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-header/test/table-header.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,mCAAmC,CAAC,CAAC;IAC3D,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IAClD,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-table-header', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-table-header></p-table-header>');\n\t\tconst element = await page.find('p-table-header');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-table-header></p-table-header>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-table-header');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/table-header/test/table-header.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-header.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-header/test/table-header.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,mCAAmC;KAC5C,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableHeader } from '../table-header.component';\n\ndescribe('p-table-header', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [TableHeader],\n            html: '<p-table-header></p-table-header>',\n        });\n        expect(root).toEqualHtml(`\n      <p-table-header class=\"p-table-header\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-header>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"table-header.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-header/test/table-header.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;EAC/B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,WAAW,CAAC;MACzB,IAAI,EAAE,mCAAmC;KACzC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableHeader } from '../table-header.component';\n\ndescribe('p-table-header', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [TableHeader],\n\t\t\thtml: '<p-table-header></p-table-header>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-table-header class=\"p-table-header\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-header>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/table-row/table-row.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-row/table-row.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;mBAIuB,SAAS;uBAKlB,IAAI;;EAEnC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,uBAAuB,IAAI,CAAC,OAAO,IACtC,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,cACJ,EAAE;MAEF,WAAK,KAAK,EAAC,SAAS;QAChB,eAAQ,CACN;MAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,iBAAW,KAAK,EAAC,KAAK,GAAG,CACrD,CACV,CAAC;EACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-table-row',\n    styleUrl: 'table-row.component.scss',\n    shadow: true,\n})\nexport class TableRow {\n    /**\n     * Variant of the header\n     */\n    @Prop() variant: 'default' | 'header' = 'default';\n\n    /**\n     * Enable hover\n     */\n    @Prop() enableHover: boolean = true;\n\n    render() {\n        return (\n            <Host\n                class={`p-table-row variant-${this.variant} ${\n                    this.enableHover &&\n                    this.variant === 'default' &&\n                    'enable-hover'\n                }`}\n            >\n                <div class=\"content\">\n                    <slot />\n                </div>\n\n                {this.variant === 'default' && <p-divider class=\"m-0\" />}\n            </Host>\n        );\n    }\n}\n"]}
+{"version":3,"file":"table-row.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/table-row/table-row.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;mBAIoB,SAAS;uBAKlB,IAAI;;EAEnC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,uBAAuB,IAAI,CAAC,OAAO,IACzC,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,cACD,EAAE;MAEF,WAAK,KAAK,EAAC,SAAS;QACnB,eAAQ,CACH;MAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,iBAAW,KAAK,EAAC,KAAK,GAAG,CAClD,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.scss',\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: 'default' | 'header' = 'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-table-row variant-${this.variant} ${\n\t\t\t\t\tthis.enableHover &&\n\t\t\t\t\tthis.variant === 'default' &&\n\t\t\t\t\t'enable-hover'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' && <p-divider class=\"m-0\" />}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/molecules/table-row/test/table-row.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-row/test/table-row.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-table-row', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-table-row></p-table-row>');\n        const element = await page.find('p-table-row');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-table-row></p-table-row>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-table-row');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"table-row.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-row/test/table-row.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,6BAA6B,CAAC,CAAC;IACrD,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-table-row', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-table-row></p-table-row>');\n\t\tconst element = await page.find('p-table-row');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-table-row></p-table-row>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-table-row');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/table-row/test/table-row.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-row.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-row/test/table-row.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,6BAA6B;KACtC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableRow } from '../table-row.component';\n\ndescribe('p-table-row', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [TableRow],\n            html: '<p-table-row></p-table-row>',\n        });\n        expect(root).toEqualHtml(`\n      <p-table-row class=\"p-table-row\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-row>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"table-row.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table-row/test/table-row.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;EAC5B,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,QAAQ,CAAC;MACtB,IAAI,EAAE,6BAA6B;KACnC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { TableRow } from '../table-row.component';\n\ndescribe('p-table-row', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [TableRow],\n\t\t\thtml: '<p-table-row></p-table-row>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-table-row class=\"p-table-row\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-table-row>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/toast/test/toast.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/toast/test/toast.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-toast', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-toast></p-toast>');\n        const element = await page.find('p-toast');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-toast></p-toast>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-toast');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"toast.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/molecules/toast/test/toast.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-toast', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-toast></p-toast>');\n\t\tconst element = await page.find('p-toast');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-toast></p-toast>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-toast');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/molecules/toast/test/toast.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/toast/test/toast.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC9B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Toast } from '../toast.component';\n\ndescribe('p-toast', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Toast],\n            html: '<p-toast></p-toast>',\n        });\n        expect(root).toEqualHtml(`\n      <p-toast class=\"p-toast\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-toast>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"toast.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/molecules/toast/test/toast.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC3B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Toast } from '../toast.component';\n\ndescribe('p-toast', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Toast],\n\t\t\thtml: '<p-toast></p-toast>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-toast class=\"p-toast\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-toast>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/molecules/toast/toast.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/toast/toast.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAS9E,MAAM,OAAO,KAAK;;mBAI0C,UAAU;;;wBAelC,IAAI;sBAKF,UAAU;;;;EAmB5C,MAAM;;IACF,OAAO,CACH,EAAC,IAAI,IACD,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;MAE9B,WAAK,KAAK,EAAC,8BAA8B;QACrC,SAAG,KAAK,EAAC,0BAA0B,IAC9B,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAC,CAAC,CAAC,CACnB,IAAI,CAAC,MAAM,CACd,CAAC,CAAC,CAAC,CACA,YAAM,IAAI,EAAC,QAAQ,GAAG,CACzB,CACD;QACJ,SAAG,KAAK,EAAC,kCAAkC,IACtC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EAAC,CAAC,CAAC,CACpB,IAAI,CAAC,OAAO,CACf,CAAC,CAAC,CAAC,CACA,YAAM,IAAI,EAAC,SAAS,GAAG,CAC1B,CACD,CACF;MAEL,IAAI,CAAC,YAAY,IAAI,CAClB,gBACI,OAAO,EAAC,WAAW,EACnB,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,GACvB,CACL,CACE,CACV,CAAC;EACN,CAAC;EAEO,QAAQ;IACZ,IAAI,IAAI,CAAC,YAAY,EAAE;MACnB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACtB;EACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n    tag: 'p-toast',\n    styleUrl: 'toast.component.scss',\n    shadow: true,\n})\nexport class Toast {\n    /**\n     * The variant of the toast\n     */\n    @Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n    /**\n     * The header of the toast\n     */\n    @Prop() header?: string;\n\n    /**\n     * The content of the toast\n     */\n    @Prop() content?: string;\n\n    /**\n     * Wether to enable the close button\n     */\n    @Prop() enableAction: boolean = true;\n\n    /**\n     * Icon to show on the button\n     */\n    @Prop() actionIcon: IconVariant = 'negative';\n\n    /**\n     * Icon flip\n     */\n    @Prop() actionIconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() actionIconRotate: RotateOptions;\n\n    /**\n     * Button click event\n     */\n    @Event({\n        bubbles: false\n    }) action: EventEmitter<MouseEvent>;\n\n    render() {\n        return (\n            <Host\n                class={`p-toast variant-${this.variant}`}\n                onClick={() => this._onClick()}\n            >\n                <div class=\"flex flex-col w-full min-w-0\">\n                    <p class=\"font-semibold text-storm\">\n                        {this.header?.length ? (\n                            this.header\n                        ) : (\n                            <slot name=\"header\" />\n                        )}\n                    </p>\n                    <p class=\"text-sm text-storm-medium w-full\">\n                        {this.content?.length ? (\n                            this.content\n                        ) : (\n                            <slot name=\"content\" />\n                        )}\n                    </p>\n                </div>\n\n                {this.enableAction && (\n                    <p-button\n                        variant=\"secondary\"\n                        iconOnly\n                        size=\"small\"\n                        icon={this.actionIcon}\n                        iconFlip={this.actionIconFlip}\n                        iconRotate={this.actionIconRotate}\n                        class=\"flex-shrink-0\"\n                    />\n                )}\n            </Host>\n        );\n    }\n\n    private _onClick() {\n        if (this.enableAction) {\n            this.action.emit();\n        }\n    }\n}\n"]}
+{"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../../../../src/components/molecules/toast/toast.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAS9E,MAAM,OAAO,KAAK;;mBAIuC,UAAU;;;wBAelC,IAAI;sBAKF,UAAU;;;;EAoB5C,MAAM;;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,mBAAmB,IAAI,CAAC,OAAO,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE;MAE9B,WAAK,KAAK,EAAC,8BAA8B;QACxC,SAAG,KAAK,EAAC,0BAA0B,IACjC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,EAAC,CAAC,CAAC,CACtB,IAAI,CAAC,MAAM,CACX,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,QAAQ,GAAG,CACtB,CACE;QACJ,SAAG,KAAK,EAAC,kCAAkC,IACzC,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,MAAM,EAAC,CAAC,CAAC,CACvB,IAAI,CAAC,OAAO,CACZ,CAAC,CAAC,CAAC,CACH,YAAM,IAAI,EAAC,SAAS,GAAG,CACvB,CACE,CACC;MAEL,IAAI,CAAC,YAAY,IAAI,CACrB,gBACC,OAAO,EAAC,WAAW,EACnB,QAAQ,QACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,QAAQ,EAAE,IAAI,CAAC,cAAc,EAC7B,UAAU,EAAE,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,eAAe,GACpB,CACF,CACK,CACP,CAAC;EACH,CAAC;EAEO,QAAQ;IACf,IAAI,IAAI,CAAC,YAAY,EAAE;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACnB;EACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-toast',\n\tstyleUrl: 'toast.component.scss',\n\tshadow: true,\n})\nexport class Toast {\n\t/**\n\t * The variant of the toast\n\t */\n\t@Prop() variant: 'positive' | 'unbiased' | 'negative' = 'positive';\n\n\t/**\n\t * The header of the toast\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * The content of the toast\n\t */\n\t@Prop() content?: string;\n\n\t/**\n\t * Wether to enable the close button\n\t */\n\t@Prop() enableAction: boolean = true;\n\n\t/**\n\t * Icon to show on the button\n\t */\n\t@Prop() actionIcon: IconVariant = 'negative';\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() actionIconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() actionIconRotate: RotateOptions;\n\n\t/**\n\t * Button click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\taction: EventEmitter<MouseEvent>;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-toast variant-${this.variant}`}\n\t\t\t\tonClick={() => this._onClick()}\n\t\t\t>\n\t\t\t\t<div class=\"flex flex-col w-full min-w-0\">\n\t\t\t\t\t<p class=\"font-semibold text-storm\">\n\t\t\t\t\t\t{this.header?.length ? (\n\t\t\t\t\t\t\tthis.header\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p class=\"text-sm text-storm-medium w-full\">\n\t\t\t\t\t\t{this.content?.length ? (\n\t\t\t\t\t\t\tthis.content\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\n\t\t\t\t{this.enableAction && (\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\ticonOnly\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\ticon={this.actionIcon}\n\t\t\t\t\t\ticonFlip={this.actionIconFlip}\n\t\t\t\t\t\ticonRotate={this.actionIconRotate}\n\t\t\t\t\t\tclass=\"flex-shrink-0\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _onClick() {\n\t\tif (this.enableAction) {\n\t\t\tthis.action.emit();\n\t\t}\n\t}\n}\n"]}

package/dist/collection/components/organisms/drawer/drawer.component.js

@@ -1,4 +1,4 @@
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 export class Drawer {
   constructor() {
     this._hasHeaderSlot = false;
@@ -204,7 +204,7 @@ export class Drawer {
           "text": "Close click event"
         },
         "complexType": {
-          "original": "{\n        event: MouseEvent;\n        canClose: boolean;\n    }",
+          "original": "{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n\t}",
           "resolved": "{ event: MouseEvent; canClose: boolean; }",
           "references": {
             "MouseEvent": {

package/dist/collection/components/organisms/drawer/drawer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/drawer/drawer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,EACR,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,MAAM;;IA0DP,mBAAc,GAAG,KAAK,CAAC;;gBAjDP,KAAK;qBAKA,KAAK;qBAKd,IAAI;8BAKK,IAAI;oBAKL,IAAI;sBAKF,IAAI;oBA0BN,KAAK;;EAEjC,iBAAiB;IACb,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC1C,0BAA0B,CAC7B,CAAC;EACN,CAAC;EAED,MAAM;;IACF,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACZ,OAAO;KACV;IAED,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAE5C,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,kBACI,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU;QAE3B,0BAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ;UACrC,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAC7C,qCACgB,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;YAChB,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,MAAM,CACH,CACrB;UACD,yBAAgB,WAAW,CAAiB,CAC3B,CACZ,CACV,CACV,CAAC;EACN,CAAC;EAEO,cAAc,CAAC,EAAE;IACrB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC1B,OAAO;KACV;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;EACnB,CAAC;EAEM,KAAK,CAAC,EAAc;IACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACnB,KAAK,EAAE,EAAE;MACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;KAC1B,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MAChB,OAAO;KACV;IAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC,GAAG,EAAE;MACZ,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC,EAAE,GAAG,CAAC,CAAC;EACZ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false\n    }) closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false\n    }) closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"]}
+{"version":3,"file":"drawer.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/drawer/drawer.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AAOvB,MAAM,OAAO,MAAM;;IA4DV,mBAAc,GAAG,KAAK,CAAC;;gBAnDP,KAAK;qBAKA,KAAK;qBAKd,IAAI;8BAKK,IAAI;oBAKL,IAAI;sBAKF,IAAI;oBA4BN,KAAK;;EAEjC,iBAAiB;IAChB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;EACH,CAAC;EAED,MAAM;;IACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,OAAO;KACP;IAED,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAE5C,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MACrB,kBACC,OAAO,EAAC,QAAQ,EAChB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU;QAE3B,0BAAoB,OAAO,EAAE,IAAI,CAAC,QAAQ;UACxC,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAChD,qCACa,IAAI,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;YACnB,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,MAAM,CACG,CAClB;UACD,yBAAgB,WAAW,CAAiB,CACxB,CACT,CACP,CACP,CAAC;EACH,CAAC;EAEO,cAAc,CAAC,EAAE;IACxB,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC7B,OAAO;KACP;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;EAChB,CAAC;EAEM,KAAK,CAAC,EAAc;IAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC;MACtB,KAAK,EAAE,EAAE;MACT,QAAQ,EAAE,IAAI,CAAC,QAAQ;KACvB,CAAC,CAAC;IAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MACnB,OAAO;KACP;IAED,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC,GAAG,EAAE;MACf,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MACtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC,EAAE,GAAG,CAAC,CAAC;EACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-drawer',\n\tstyleUrl: 'drawer.component.scss',\n\tshadow: true,\n})\nexport class Drawer {\n\t/**\n\t * The Header of the drawer\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the drawer or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close on mobile in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to hide the drawer when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether the drawer can be closed\n\t */\n\t@Prop() canClose: boolean = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<{\n\t\tevent: MouseEvent;\n\t\tcanClose: boolean;\n\t}>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-drawer\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tvariant=\"drawer\"\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-drawer-container closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-drawer-header\n\t\t\t\t\t\t\t\tshow-close={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-drawer-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-drawer-body>{bodyContent}</p-drawer-body>\n\t\t\t\t\t</p-drawer-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev: MouseEvent) {\n\t\tthis.closeClicked.emit({\n\t\t\tevent: ev,\n\t\t\tcanClose: this.canClose,\n\t\t});\n\n\t\tif (!this.canClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\t\t\tthis.closed.emit();\n\t\t}, 250);\n\t}\n}\n"]}

package/dist/collection/components/organisms/drawer/test/drawer.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/drawer/test/drawer.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-drawer', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-drawer></p-drawer>');\n        const element = await page.find('p-drawer');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-drawer></p-drawer>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-drawer');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"drawer.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/drawer/test/drawer.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-drawer', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-drawer></p-drawer>');\n\t\tconst element = await page.find('p-drawer');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-drawer></p-drawer>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-drawer');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/organisms/drawer/test/drawer.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/drawer/test/drawer.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Drawer } from '../drawer.component';\n\ndescribe('p-drawer', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Drawer],\n            html: '<p-drawer></p-drawer>',\n        });\n        expect(root).toEqualHtml(`\n      <p-drawer class=\"p-drawer\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-drawer>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"drawer.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/drawer/test/drawer.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAC7B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Drawer } from '../drawer.component';\n\ndescribe('p-drawer', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Drawer],\n\t\t\thtml: '<p-drawer></p-drawer>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-drawer class=\"p-drawer\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-drawer>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/organisms/modal/modal.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/modal/modal.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-modal',\n    shadow: true,\n})\nexport class Modal {\n    /**\n     * The size of the modal container\n     */\n    @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n    /**\n     * The variant of the modal body\n     */\n    @Prop() variant: 'default' | 'table' = 'default';\n\n    /**\n     * The Header of the modal\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the modal or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close button in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to show the footer on mobile\n     */\n    @Prop() showMobileFooter = false;\n\n    /**\n     * Wether to hide the modal when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Wether the body should have padding\n     */\n    @Prop() padding: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event({\n        bubbles: false,\n    })\n    closeClicked: EventEmitter<MouseEvent>;\n\n    /**\n     * Closed event\n     */\n    @Event({\n        bubbles: false,\n    })\n    closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasFooterSlot = false;\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasFooterSlot = !!this._el.querySelector(\n            ':scope > [slot=\"footer\"]'\n        );\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n        const footerContent = <slot name=\"footer\" />;\n\n        return (\n            <Host class=\"p-modal\">\n                <p-backdrop\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-modal-container size={this.size} closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-modal-header\n                                showClose={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-modal-header>\n                        )}\n                        <p-modal-body\n                            variant={this.variant}\n                            rounded={!this._hasFooterSlot}\n                            padding={this.padding}\n                        >\n                            {bodyContent}\n                        </p-modal-body>\n                        {this._hasFooterSlot && (\n                            <p-modal-footer>{footerContent}</p-modal-footer>\n                        )}\n                    </p-modal-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev: MouseEvent) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit(ev);\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n\n            this.closed.emit();\n        }, 550);\n    }\n}\n"]}
+{"version":3,"file":"modal.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/modal/modal.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,OAAO,EACP,KAAK,EAEL,CAAC,EACD,IAAI,EACJ,IAAI,EACJ,KAAK,GACL,MAAM,eAAe,CAAC;AAMvB,MAAM,OAAO,KAAK;;IAwET,mBAAc,GAAG,KAAK,CAAC;IACvB,mBAAc,GAAG,KAAK,CAAC;gBArEW,IAAI;mBAKP,SAAS;;gBAUxB,KAAK;qBAKA,KAAK;qBAKd,IAAI;4BAKG,KAAK;8BAKH,IAAI;sBAKH,IAAI;mBAKP,IAAI;oBA0BH,KAAK;;EAEjC,iBAAiB;IAChB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;IACF,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAAa,CAC7C,0BAA0B,CAC1B,CAAC;EACH,CAAC;EAED,MAAM;;IACL,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;MACf,OAAO;KACP;IAED,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAC7C,MAAM,WAAW,GAAG,YAAM,IAAI,EAAC,SAAS,GAAG,CAAC;IAC5C,MAAM,aAAa,GAAG,YAAM,IAAI,EAAC,QAAQ,GAAG,CAAC;IAE7C,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,SAAS;MACpB,kBACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,EACjD,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,UAAU,EAAE,IAAI,CAAC,UAAU;QAE3B,yBAAmB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,QAAQ;UACxD,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,MAAM,KAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAChD,sBACC,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,IAErC,IAAI,CAAC,cAAc;YACnB,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,IAAI,CAAC,MAAM,CACE,CACjB;UACD,oBACC,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,CAAC,IAAI,CAAC,cAAc,EAC7B,OAAO,EAAE,IAAI,CAAC,OAAO,IAEpB,WAAW,CACE;UACd,IAAI,CAAC,cAAc,IAAI,CACvB,0BAAiB,aAAa,CAAkB,CAChD,CACkB,CACR,CACP,CACP,CAAC;EACH,CAAC;EAEO,cAAc,CAAC,EAAc;IACpC,IAAI,CAAC,IAAI,CAAC,kBAAkB,EAAE;MAC7B,OAAO;KACP;IAED,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;EAChB,CAAC;EAEM,KAAK,CAAC,EAAc;IAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAE3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IAErB,UAAU,CAAC,GAAG,EAAE;MACf,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;MAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;MAEtB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC,EAAE,GAAG,CAAC,CAAC;EACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tState,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-modal',\n\tshadow: true,\n})\nexport class Modal {\n\t/**\n\t * The size of the modal container\n\t */\n\t@Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n\t/**\n\t * The variant of the modal body\n\t */\n\t@Prop() variant: 'default' | 'table' = 'default';\n\n\t/**\n\t * The Header of the modal\n\t */\n\t@Prop() header?: string;\n\n\t/**\n\t * Wether to show the modal or not\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply blur to the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether to show the close button in the header\n\t */\n\t@Prop() showClose = true;\n\n\t/**\n\t * Wether to show the footer on mobile\n\t */\n\t@Prop() showMobileFooter = false;\n\n\t/**\n\t * Wether to hide the modal when the backdrop is clicked\n\t */\n\t@Prop() backdropClickClose = true;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * Wether the body should have padding\n\t */\n\t@Prop() padding: boolean = true;\n\n\t/**\n\t * Close click event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tcloseClicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * Closed event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclosed: EventEmitter<null>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasFooterSlot = false;\n\tprivate _hasHeaderSlot = false;\n\n\t@State() private _closing = false;\n\n\tcomponentWillLoad() {\n\t\tthis._hasFooterSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"footer\"]'\n\t\t);\n\t\tthis._hasHeaderSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"header\"]'\n\t\t);\n\t}\n\n\trender() {\n\t\tif (!this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst headerContent = <slot name=\"header\" />;\n\t\tconst bodyContent = <slot name=\"content\" />;\n\t\tconst footerContent = <slot name=\"footer\" />;\n\n\t\treturn (\n\t\t\t<Host class=\"p-modal\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={this.applyBlur}\n\t\t\t\t\tonClicked={(ev) => this._backdropClick(ev.detail)}\n\t\t\t\t\tclosing={this._closing}\n\t\t\t\t\tscrollLock={this.scrollLock}\n\t\t\t\t>\n\t\t\t\t\t<p-modal-container size={this.size} closing={this._closing}>\n\t\t\t\t\t\t{(this.header?.length || this._hasHeaderSlot) && (\n\t\t\t\t\t\t\t<p-modal-header\n\t\t\t\t\t\t\t\tshowClose={this.showClose}\n\t\t\t\t\t\t\t\tonClose={(ev) => this.close(ev.detail)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._hasHeaderSlot\n\t\t\t\t\t\t\t\t\t? headerContent\n\t\t\t\t\t\t\t\t\t: this.header}\n\t\t\t\t\t\t\t</p-modal-header>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<p-modal-body\n\t\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\t\trounded={!this._hasFooterSlot}\n\t\t\t\t\t\t\tpadding={this.padding}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{bodyContent}\n\t\t\t\t\t\t</p-modal-body>\n\t\t\t\t\t\t{this._hasFooterSlot && (\n\t\t\t\t\t\t\t<p-modal-footer>{footerContent}</p-modal-footer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</p-modal-container>\n\t\t\t\t</p-backdrop>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _backdropClick(ev: MouseEvent) {\n\t\tif (!this.backdropClickClose) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.close(ev);\n\t}\n\n\tpublic close(ev: MouseEvent) {\n\t\tthis.closeClicked.emit(ev);\n\n\t\tthis._closing = true;\n\n\t\tsetTimeout(() => {\n\t\t\tthis.show = false;\n\t\t\tthis._closing = false;\n\n\t\t\tthis.closed.emit();\n\t\t}, 550);\n\t}\n}\n"]}

package/dist/collection/components/organisms/modal/test/modal.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/modal/test/modal.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-modal', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-modal></p-modal>');\n        const element = await page.find('p-modal');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-modal></p-modal>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-modal');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"modal.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/modal/test/modal.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC;IAC7C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-modal', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-modal></p-modal>');\n\t\tconst element = await page.find('p-modal');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-modal></p-modal>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-modal');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/organisms/modal/test/modal.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/modal/test/modal.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACrB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC9B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Modal } from '../modal.component';\n\ndescribe('p-modal', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Modal],\n            html: '<p-modal></p-modal>',\n        });\n        expect(root).toEqualHtml(`\n      <p-modal class=\"p-modal\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-modal>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"modal.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/modal/test/modal.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;EACxB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,KAAK,CAAC;MACnB,IAAI,EAAE,qBAAqB;KAC3B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Modal } from '../modal.component';\n\ndescribe('p-modal', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Modal],\n\t\t\thtml: '<p-modal></p-modal>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-modal class=\"p-modal\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-modal>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/organisms/navbar/navbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,MAAM;;qBAIK,OAAO;oBAKR,MAAM;qBAEI,KAAK;;EAElC,MAAM;IACF,OAAO,CACH,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MAClB,kBACI,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,uCACH,IAAI,CAAC,SAAS,IAAI,MACtB,EAAE,EACF,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAC/B;MACd,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,IAAI,MAAM,EAAE;QAC7C,WAAK,KAAK,EAAC,QAAQ;UACf,SAAG,KAAK,EAAC,2CAA2C,IAC/C,IAAI,CAAC,QAAQ,CACd;UAEJ,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAEtC,IAAI,CAAC,SAAS,CACR,CACT;QACN,WAAK,KAAK,EAAC,SAAS;UAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB;QACN,WAAK,KAAK,EAAC,SAAS;UAChB,YAAM,IAAI,EAAC,SAAS,GAAG,CACrB;QAEN,WAAK,KAAK,EAAC,MAAM;UACb,YAAM,IAAI,EAAC,MAAM,GAAG,CAClB,CACJ;MAEN,WAAK,KAAK,EAAC,SAAS;QAChB,gBACI,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAErC,IAAI,CAAC,QAAQ,CACP;QAEX,YAAM,IAAI,EAAC,QAAQ,GAAG,CACpB,CACH,CACV,CAAC;EACN,CAAC;EAGD,iBAAiB;IACb,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;EAC3B,CAAC;EAGD,gBAAgB;IACZ,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;EAC1B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n    tag: 'p-navbar',\n    styleUrl: 'navbar.component.scss',\n    shadow: true,\n})\nexport class Navbar {\n    /**\n     * The text to display for the close button\n     */\n    @Prop() closeText = 'Close';\n\n    /**\n     * The text to display for the menu button & sidebar title\n     */\n    @Prop() menuText = 'Menu';\n\n    @State() private _showMenu = false;\n\n    render() {\n        return (\n            <Host class=\"p-navbar\">\n                <p-backdrop\n                    applyBlur={true}\n                    class={`z-navbar-backdrop desktop-xs:hidden ${\n                        this._showMenu && 'show'\n                    }`}\n                    onClicked={() => (this._showMenu = false)}\n                ></p-backdrop>\n                <div class={`sidebar ${this._showMenu && 'show'}`}>\n                    <div class=\"header\">\n                        <p class=\"text-xl m-0 font-semibold text-storm-dark\">\n                            {this.menuText}\n                        </p>\n\n                        <p-button\n                            variant=\"secondary\"\n                            icon=\"negative\"\n                            iconPosition=\"end\"\n                            size=\"small\"\n                            onClick={() => (this._showMenu = false)}\n                        >\n                            {this.closeText}\n                        </p-button>\n                    </div>\n                    <div class=\"company\">\n                        <slot name=\"company\" />\n                    </div>\n                    <div class=\"content\">\n                        <slot name=\"content\" />\n                    </div>\n\n                    <div class=\"user\">\n                        <slot name=\"user\" />\n                    </div>\n                </div>\n\n                <div class=\"top-bar\">\n                    <p-button\n                        variant=\"secondary\"\n                        icon=\"menu\"\n                        size=\"small\"\n                        onClick={() => (this._showMenu = true)}\n                    >\n                        {this.menuText}\n                    </p-button>\n\n                    <slot name=\"topbar\" />\n                </div>\n            </Host>\n        );\n    }\n\n    @Listen('closeNavbar', { target: 'window' })\n    handleCloseNavbar() {\n        this._showMenu = false;\n    }\n\n    @Listen('openNavbar', { target: 'window' })\n    handleOpenNavbar() {\n        this._showMenu = true;\n    }\n}\n"]}
+{"version":3,"file":"navbar.component.js","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,MAAM;;qBAIE,OAAO;oBAKR,MAAM;qBAEI,KAAK;;EAElC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAC,UAAU;MACrB,kBACC,SAAS,EAAE,IAAI,EACf,KAAK,EAAE,uCACN,IAAI,CAAC,SAAS,IAAI,MACnB,EAAE,EACF,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,GAC5B;MACd,WAAK,KAAK,EAAE,WAAW,IAAI,CAAC,SAAS,IAAI,MAAM,EAAE;QAChD,WAAK,KAAK,EAAC,QAAQ;UAClB,SAAG,KAAK,EAAC,2CAA2C,IAClD,IAAI,CAAC,QAAQ,CACX;UAEJ,gBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,UAAU,EACf,YAAY,EAAC,KAAK,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC,IAEtC,IAAI,CAAC,SAAS,CACL,CACN;QACN,WAAK,KAAK,EAAC,SAAS;UACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;QACN,WAAK,KAAK,EAAC,SAAS;UACnB,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB;QAEN,WAAK,KAAK,EAAC,MAAM;UAChB,YAAM,IAAI,EAAC,MAAM,GAAG,CACf,CACD;MAEN,WAAK,KAAK,EAAC,SAAS;QACnB,gBACC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,IAErC,IAAI,CAAC,QAAQ,CACJ;QAEX,YAAM,IAAI,EAAC,QAAQ,GAAG,CACjB,CACA,CACP,CAAC;EACH,CAAC;EAGD,iBAAiB;IAChB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;EACxB,CAAC;EAGD,gBAAgB;IACf,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;EACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navbar',\n\tstyleUrl: 'navbar.component.scss',\n\tshadow: true,\n})\nexport class Navbar {\n\t/**\n\t * The text to display for the close button\n\t */\n\t@Prop() closeText = 'Close';\n\n\t/**\n\t * The text to display for the menu button & sidebar title\n\t */\n\t@Prop() menuText = 'Menu';\n\n\t@State() private _showMenu = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class=\"p-navbar\">\n\t\t\t\t<p-backdrop\n\t\t\t\t\tapplyBlur={true}\n\t\t\t\t\tclass={`z-navbar-backdrop desktop-xs:hidden ${\n\t\t\t\t\t\tthis._showMenu && 'show'\n\t\t\t\t\t}`}\n\t\t\t\t\tonClicked={() => (this._showMenu = false)}\n\t\t\t\t></p-backdrop>\n\t\t\t\t<div class={`sidebar ${this._showMenu && 'show'}`}>\n\t\t\t\t\t<div class=\"header\">\n\t\t\t\t\t\t<p class=\"text-xl m-0 font-semibold text-storm-dark\">\n\t\t\t\t\t\t\t{this.menuText}\n\t\t\t\t\t\t</p>\n\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon=\"negative\"\n\t\t\t\t\t\t\ticonPosition=\"end\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tonClick={() => (this._showMenu = false)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{this.closeText}\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"company\">\n\t\t\t\t\t\t<slot name=\"company\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"content\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"user\">\n\t\t\t\t\t\t<slot name=\"user\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div class=\"top-bar\">\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\ticon=\"menu\"\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tonClick={() => (this._showMenu = true)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.menuText}\n\t\t\t\t\t</p-button>\n\n\t\t\t\t\t<slot name=\"topbar\" />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('closeNavbar', { target: 'window' })\n\thandleCloseNavbar() {\n\t\tthis._showMenu = false;\n\t}\n\n\t@Listen('openNavbar', { target: 'window' })\n\thandleOpenNavbar() {\n\t\tthis._showMenu = true;\n\t}\n}\n"]}

package/dist/collection/components/organisms/navbar/test/navbar.component.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/navbar/test/navbar.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EAC5C,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC5C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-navbar', () => {\n    it('renders', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-navbar></p-navbar>');\n        const element = await page.find('p-navbar');\n        expect(element).toHaveClass('hydrated');\n    });\n\n    it('renders changes to the content', async () => {\n        const page = await newE2EPage();\n\n        await page.setContent('<p-navbar></p-navbar>');\n        // const component = await page.find('p-button');\n        const element = await page.find('p-navbar');\n        expect(element.textContent).toEqual(``);\n\n        // component.setProperty('name', 'World');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, World!`);\n\n        // component.setProperty('name', 'Bob');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Bob!`);\n\n        // component.setProperty('name', 'Earl');\n        // await page.waitForChanges();\n        // expect(element.textContent).toEqual(`Hello, Earl!`);\n    });\n});\n"]}
+{"version":3,"file":"navbar.component.e2e.js","sourceRoot":"","sources":["../../../../../src/components/organisms/navbar/test/navbar.component.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;EACzC,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;IAC/C,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAC/C,iDAAiD;IACjD,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC5C,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAExC,0CAA0C;IAC1C,+BAA+B;IAC/B,wDAAwD;IAExD,wCAAwC;IACxC,+BAA+B;IAC/B,sDAAsD;IAEtD,yCAAyC;IACzC,+BAA+B;IAC/B,uDAAuD;EACxD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from '@stencil/core/testing';\n\ndescribe('p-navbar', () => {\n\tit('renders', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navbar></p-navbar>');\n\t\tconst element = await page.find('p-navbar');\n\t\texpect(element).toHaveClass('hydrated');\n\t});\n\n\tit('renders changes to the content', async () => {\n\t\tconst page = await newE2EPage();\n\n\t\tawait page.setContent('<p-navbar></p-navbar>');\n\t\t// const component = await page.find('p-button');\n\t\tconst element = await page.find('p-navbar');\n\t\texpect(element.textContent).toEqual(``);\n\n\t\t// component.setProperty('name', 'World');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, World!`);\n\n\t\t// component.setProperty('name', 'Bob');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Bob!`);\n\n\t\t// component.setProperty('name', 'Earl');\n\t\t// await page.waitForChanges();\n\t\t// expect(element.textContent).toEqual(`Hello, Earl!`);\n\t});\n});\n"]}

package/dist/collection/components/organisms/navbar/test/navbar.component.spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/navbar/test/navbar.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACtB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACrB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAC/B,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAChC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAK5B,CAAC,CAAC;EACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Navbar } from '../navbar.component';\n\ndescribe('p-navbar', () => {\n    it('renders', async () => {\n        const { root } = await newSpecPage({\n            components: [Navbar],\n            html: '<p-navbar></p-navbar>',\n        });\n        expect(root).toEqualHtml(`\n      <p-navbar class=\"p-navbar\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-navbar>\n    `);\n    });\n});\n"]}
+{"version":3,"file":"navbar.component.spec.js","sourceRoot":"","sources":["../../../../../src/components/organisms/navbar/test/navbar.component.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;EACzB,EAAE,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE;IACxB,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,WAAW,CAAC;MAClC,UAAU,EAAE,CAAC,MAAM,CAAC;MACpB,IAAI,EAAE,uBAAuB;KAC7B,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;KAKtB,CAAC,CAAC;EACN,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from '@stencil/core/testing';\nimport { Navbar } from '../navbar.component';\n\ndescribe('p-navbar', () => {\n\tit('renders', async () => {\n\t\tconst { root } = await newSpecPage({\n\t\t\tcomponents: [Navbar],\n\t\t\thtml: '<p-navbar></p-navbar>',\n\t\t});\n\t\texpect(root).toEqualHtml(`\n      <p-navbar class=\"p-navbar\">\n        <mock:shadow-root>\n        </mock:shadow-root>\n      </p-navbar>\n    `);\n\t});\n});\n"]}

package/dist/collection/components/organisms/table/table.component.js

@@ -542,7 +542,7 @@ export class Table {
           "tags": [],
           "text": "The template for amount selected item in the floating menu"
         },
-        "defaultValue": "(\n        amount: number\n    ) =>\n        formatTranslation(\n            (amount === 1\n                ? this._locales.floating_menu?.amount_selected\n                : this._locales.floating_menu?.amount_selected_plural\n            )?.replace('{{amount}}', amount)\n        )"
+        "defaultValue": "(\n\t\tamount: number\n\t) =>\n\t\tformatTranslation(\n\t\t\t(amount === 1\n\t\t\t\t? this._locales.floating_menu?.amount_selected\n\t\t\t\t: this._locales.floating_menu?.amount_selected_plural\n\t\t\t)?.replace('{{amount}}', amount)\n\t\t)"
       },
       "selectionKey": {
         "type": "string",
@@ -1021,7 +1021,7 @@ export class Table {
           "tags": [],
           "text": ""
         },
-        "defaultValue": "() =>\n        formatTranslation(this._locales.empty_state?.no_filter.header)"
+        "defaultValue": "() =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.header)"
       },
       "emptyStateContent": {
         "type": "unknown",
@@ -1043,7 +1043,7 @@ export class Table {
           "tags": [],
           "text": ""
         },
-        "defaultValue": "() =>\n        formatTranslation(this._locales.empty_state?.no_filter.content)"
+        "defaultValue": "() =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.content)"
       },
       "emptyStateAction": {
         "type": "unknown",
@@ -1065,7 +1065,7 @@ export class Table {
           "tags": [],
           "text": ""
         },
-        "defaultValue": "() =>\n        formatTranslation(this._locales.empty_state?.no_filter.action)"
+        "defaultValue": "() =>\n\t\tformatTranslation(this._locales.empty_state?.no_filter.action)"
       },
       "enableEmptyStateAction": {
         "type": "boolean",
@@ -1105,7 +1105,7 @@ export class Table {
           "tags": [],
           "text": ""
         },
-        "defaultValue": "() =>\n        formatTranslation(this._locales.empty_state.filtered.header)"
+        "defaultValue": "() =>\n\t\tformatTranslation(this._locales.empty_state.filtered.header)"
       },
       "emptyStateFilteredContent": {
         "type": "unknown",
@@ -1127,7 +1127,7 @@ export class Table {
           "tags": [],
           "text": ""
         },
-        "defaultValue": "() =>\n        formatTranslation(this._locales.empty_state.filtered.content)"
+        "defaultValue": "() =>\n\t\tformatTranslation(this._locales.empty_state.filtered.content)"
       }
     };
   }