npm - @amiceli/papierjs - Versions diffs - 0.11.0 → 0.13.0 - Mend

@amiceli/papierjs 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (309) hide show

package/dist/esm/p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js.map CHANGED Viewed

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

package/dist/esm/p-button_4.entry.js CHANGED Viewed

@@ -51,7 +51,7 @@ const PButton = class {
     }
     render() {
         const color = `var(--${this.type}${this.dark ? '-light' : ''})`;
-        return (h("div", { key: '5521480a3ccb0bc4a23f94bebeca82af6f799d89', class: this.getParentClass() }, h("button", { key: '85829206248384b6b7d14d061bbafa145aa82893', disabled: this.disabled, type: "button", class: this.getClass() }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
+        return (h("div", { key: 'c7426f188d8f5489d9c1a7db4f42ca53ffb3f07a', class: this.getParentClass() }, h("button", { key: '338bca6485d45e1115bc0d142d1a5b2385ef2b59', class: this.getClass(), disabled: this.disabled, type: "button" }, !this.loading ? h("slot", null) : h("p-spinner", { color: color, dark: this.dark }))));
     }
     get el() { return getElement(this); }
 };
@@ -195,7 +195,7 @@ const PNotificationHandler = class {
         this.removeToast(event.detail);
     }
     mapNotifications() {
-        return this.notifications.map((toast) => (h("p-notification", { key: toast.type, type: toast.type, text: toast.text, canclose: toast.canclose, timestamp: toast.timestamp })));
+        return this.notifications.map((toast) => (h("p-notification", { canclose: toast.canclose, key: toast.type, text: toast.text, timestamp: toast.timestamp, type: toast.type })));
     }
     render() {
         return h(Host, { key: '3fd9e86a226374f1a6301f220fd952b95141ca9a' }, this.mapNotifications());

package/dist/esm/p-button_4.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js","mappings":";;;AAAA,MAAM,UAAU,GAAG,mlqFAAmlqF;;MCYzlqF,OAAO,GAAA,MAAA;AALpB,IAAA,WAAA,CAAA,OAAA,EAAA;;AASI,QAAA,IAAI,CAAA,IAAA,GAAiB,SAAS;AAE9B,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAEzB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAK,CAAA,KAAA,GAAa,KAAK;AAEvB,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAEtB,QAAA,IAAO,CAAA,OAAA,GAAa,KAAK;AAsD5B;IApDU,QAAQ,GAAA;AACX,QAAA,MAAM,KAAK,GAAG;YACV,SAAS;YACT,WAAW;YACX,SAAS;YACT,QAAQ;YACR,SAAS;SACZ;QACD,IAAI,QAAQ,GAAG,EAAE;QAEjB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YAC5B,QAAQ,GAAG,aAAa;;aACrB;AACH,YAAA,QAAQ,GAAG,CAAO,IAAA,EAAA,IAAI,CAAC,IAAI,EAAE;;AAGjC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACf,QAAQ,GAAG,UAAU;;AAGzB,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AACzD,QAAA,QAAQ,GAAG,CAAG,EAAA,QAAQ,CAAG,EAAA,IAAI,CAAC,KAAK,GAAG,YAAY,GAAG,EAAE,EAAE;AAEzD,QAAA,OAAO,QAAQ;;IAGZ,cAAc,GAAA;QACjB,IAAI,QAAQ,GAAG,QAAQ;AAEvB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,UAAA,CAAY;;AAGtC,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,YAAA,QAAQ,GAAG,CAAA,EAAG,QAAQ,CAAA,SAAA,CAAW;;AAGrC,QAAA,OAAO,QAAQ;;IAEnB,MAAM,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,QAAQ,GAAG,EAAE,GAAG;AAE/D,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAChE,EAAA,CAAC,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAA,CAAA,WAAA,EAAA,EAAW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CACnE,CACP;;;;;;ACjFlB,MAAMA,cAAY,GAAG,mrtFAAmrtF;;MCW3rtF,SAAS,GAAA,MAAA;AALtB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;;AAGtB,QAAA,IAAe,CAAA,eAAA,GAAa,KAAK;;AAKjC,QAAA,IAAK,CAAA,KAAA,GAAY,EAAE;AAEnB,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AA+FzB;IAlFU,cAAc,GAAA;QACjB,OAAO;AACH,YAAA,iBAAiB,EAAE,IAAI;YACvB,UAAU,EAAE,IAAI,CAAC,IAAI;YACrB,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB;;AAME,IAAA,kBAAkB,CAAC,EAAE,EAAA;AACxB,QAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;AAC9B,YAAA,IAAI,CAAC,IAAI,GAAG,KAAK;;;IAIlB,SAAS,GAAA;AACZ,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC;;;IAIjC,iBAAiB,GAAA;AACpB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAEzE,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;AACtB,YAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACX,gBAAA,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC;;AAErC,YAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,EAAE;AACxB,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK;;YAE3B,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;gBAClC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;AAC/B,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AAEtB,gBAAA,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;oBACvB,IAAI,CAAC,SAAS,EAAE;AAChB,oBAAA,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC;AACjC,oBAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM;;AAE7B,aAAC,CAAC;;;AAIH,IAAA,WAAW,CAAC,KAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGzB,gBAAgB,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;QACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;AAChC,YAAA,OAAO,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK;AACpC,SAAC,CAAC;QAEF,OAAO,CAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,uBAAR,QAAQ,CAAE,SAAS,KAAI,IAAI,CAAC,WAAW,IAAI,EAAE;;IAGxD,MAAM,GAAA;AACF,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE;QACxC,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,KAAK,EAAE;AAEvD,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,MAAK;AACV,gBAAA,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI;AAC1B,aAAC,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,QAAQ,CAAQ,EACvB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,SAAS,GAAI,CAC9C,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC3B,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;;ACnHlB,MAAM,YAAY,GAAG,mrtFAAmrtF;;MCO3rtF,aAAa,GAAA,MAAA;AAL1B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AASI,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AAE1B,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AAgCzB;IAzBU,cAAc,GAAA;QACjB,OAAO;AACH,YAAA,sBAAsB,EAAE,IAAI;YAC5B,UAAU,EAAE,IAAI,CAAC,IAAI;SACxB;;IAGE,SAAS,GAAA;QACZ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;IAGrC,MAAM,GAAA;AACF,QAAA,QACI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,EAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;gBACH,oBAAoB,EAAE,IAAI,CAAC,QAAQ;AACnC,gBAAA,uBAAuB,EAAE,IAAI;AAChC,aAAA,EAAA,EAED,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACN,CACJ;;;;;AC1ClB,MAAM,uBAAuB,GAAG,uKAAuK;;MCkB1L,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOW,QAAA,IAAa,CAAA,aAAA,GAAmB,EAAE;AAgD5C;IA7CU,MAAM,gBAAgB,CAAC,OAAoB,EAAA;QAC9C,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,OAAO;QACjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,IAAI,EAAE,CAAC,OAAO,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,GAAG;YACjB,GAAG,IAAI,CAAC,aAAa;AACrB,YAAA;gBACI,IAAI;gBACJ,IAAI;gBACJ,QAAQ;gBACR,SAAS;AACZ,aAAA;SACJ;AAED,QAAA,IAAI,CAAC,OAAO;YAAE;QAEd,UAAU,CAAC,MAAK;YACZ,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,KAAI;AACnD,gBAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,aAAC,CAAC;YACF,IAAI,YAAY,EAAE;AACd,gBAAA,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;;SAElC,EAAE,OAAO,CAAC;;AAGP,IAAA,WAAW,CAAC,SAAiB,EAAA;AACjC,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KAAK,KAAI;AACrD,YAAA,OAAO,KAAK,CAAC,SAAS,KAAK,SAAS;AACxC,SAAC,CAAC;;AAIC,IAAA,iBAAiB,CAAC,KAA0B,EAAA;AAC/C,QAAA,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC;;IAG3B,gBAAgB,GAAA;QACnB,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,MAChC,CAAA,CAAA,gBAAA,EAAA,EAAgB,GAAG,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,EAAA,CAAI,CAChI,CAAC;;IAGN,MAAM,GAAA;AACF,QAAA,OAAO,CAAA,CAAC,IAAI,EAAE,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,CAAQ;;;;;;;","names":["pDropdownCss"],"sources":["src/components/p-button/p-button.scss?tag=p-button&encapsulation=shadow","src/components/p-button/p-button.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/p-dropdown/p-dropdown.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/p-dropdown-item/p-dropdown-item.tsx","src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n @include useBlock();\n}","import { Component, Element, h, Prop } from '@stencil/core'\n\ntype ButtonColor = 'success' \| 'secondary' \| 'primary' \| 'danger' \| 'warning'\n\n/*\n @slot - button content\n /\n@Component({\n tag: 'p-button',\n styleUrl: 'p-button.scss',\n shadow: true,\n})\nexport class PButton {\n @Element()\n el: Element\n @Prop()\n type?: ButtonColor = 'primary'\n @Prop()\n outline?: boolean = false\n @Prop()\n large?: boolean = false\n @Prop()\n small?: boolean = false\n @Prop()\n block?: boolean = false\n @Prop()\n disabled?: boolean = false\n @Prop()\n dark?: boolean = false\n @Prop()\n loading?: boolean = false\n\n public getClass(): string {\n const types = [\n 'success',\n 'secondary',\n 'primary',\n 'danger',\n 'warning',\n ]\n let cssClass = ''\n\n if (!types.includes(this.type)) {\n cssClass = 'btn-primary'\n } else {\n cssClass = `btn-${this.type}`\n }\n\n if (this.disabled) {\n cssClass = 'disabled'\n }\n\n cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n return cssClass\n }\n\n public getParentClass() {\n let cssClass = 'papier'\n\n if (this.block) {\n cssClass = `${cssClass} is--block`\n }\n\n if (this.dark) {\n cssClass = `${cssClass} is--dark`\n }\n\n return cssClass\n }\n render() {\n const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n return (\n <div class={this.getParentClass()}>\n <button disabled={this.disabled} type=\"button\" class={this.getClass()}>\n {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n </button>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import { Component, Element, Event, type EventEmitter, h, Listen, Prop, State } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/*\n @slot - slot for p-dropdown-item\n /\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'p-dropdown.scss',\n shadow: true,\n})\nexport class PDropdown {\n @Prop()\n dark?: boolean = false\n /* Prevent dropdown self update selected value /\n @Prop()\n preventSelected?: boolean = false\n /* Selected item value /\n @Prop({\n mutable: true,\n })\n value?: string = ''\n @State()\n open?: boolean = false\n @Prop()\n placeholder?: string\n @State()\n selectedValue?: string\n @Element()\n public el: HTMLElement\n\n @Event({\n eventName: 'select',\n })\n public selectEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown': true,\n 'is--dark': this.dark,\n 'is--open': this.open,\n }\n }\n\n @Listen('click', {\n target: 'window',\n })\n public detectOutsideClick(ev) {\n if (!this.el.contains(ev.target)) {\n this.open = false\n }\n }\n\n public resetItem() {\n const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n for (const item of items) {\n item.removeAttribute('selected')\n }\n }\n\n public componentWillLoad() {\n const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n for (const item of items) {\n if (this.dark) {\n item.setAttribute('dark', 'true')\n }\n if (item.selected === true) {\n this.value = item.value\n }\n item.addEventListener('change', (e) => {\n this.selectEvent.emit(e.detail)\n this.open = !this.open\n\n if (!this.preventSelected) {\n this.resetItem()\n item.setAttribute('selected', '')\n this.value = e.detail\n }\n })\n }\n }\n\n public selectValue(value: string) {\n this.selectEvent.emit(value)\n }\n\n public getSelectedValue(): string {\n const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n const selected = list.find((item) => {\n return item.value === this.value\n })\n\n return selected?.innerText \|\| this.placeholder \|\| ''\n }\n\n render() {\n const selected = this.getSelectedValue()\n const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n return (\n <div class={this.getParentClass()}>\n <div\n class=\"dropdown__header border border-primary\"\n onClick={() => {\n this.open = !this.open\n }}\n >\n <span>{selected}</span>\n <span class=\"for--icon\" innerHTML={arrowIcon} />\n </div>\n <div class=\"dropdown__children\">\n <slot />\n </div>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-dropdown-item',\n styleUrl: '../p-dropdown/p-dropdown.scss',\n shadow: true,\n})\nexport class PDropdownItem {\n @Prop()\n value!: string\n @Prop()\n selected?: boolean = false\n @Prop()\n dark?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown-item': true,\n 'is--dark': this.dark,\n }\n }\n\n public sendClick() {\n this.changeEvent.emit(this.value)\n }\n\n render() {\n return (\n <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n <div\n class={{\n 'background-success': this.selected,\n 'border border-primary': true,\n }}\n >\n <slot />\n </div>\n </div>\n )\n }\n}\n",":host {\n pointer-events: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n row-gap: 8px;\n position: fixed;\n top: 40px;\n margin: auto 80px;\n left: 0;\n right: 0;\n z-index: 9999;\n}","import { Component, Host, h, Listen, Method, State } from '@stencil/core'\n\nexport type PushOptions = {\n type: string\n text: string\n canclose: boolean\n timeout?: number\n}\n\ntype Notification = PushOptions & {\n timestamp: string\n}\n\n@Component({\n tag: 'p-notification-handler',\n styleUrl: 'p-notification-handler.scss',\n shadow: true,\n})\nexport class PNotificationHandler {\n @State()\n public notifications: Notification[] = []\n\n @Method()\n public async pushNotification(options: PushOptions) {\n const { type, text, canclose, timeout } = options\n const timestamp = String(new Date().getTime())\n this.notifications = [\n ...this.notifications,\n {\n type,\n text,\n canclose,\n timestamp,\n },\n ]\n\n if (!timeout) return\n\n setTimeout(() => {\n const notification = this.notifications.find((toast) => {\n return toast.timestamp === timestamp\n })\n if (notification) {\n this.removeToast(timestamp)\n }\n }, timeout)\n }\n\n private removeToast(timestamp: string) {\n this.notifications = this.notifications.filter((toast) => {\n return toast.timestamp !== timestamp\n })\n }\n\n @Listen('close')\n public closeToastHandler(event: CustomEvent<string>) {\n this.removeToast(event.detail)\n }\n\n public mapNotifications() {\n return this.notifications.map((toast) => (\n <p-notification key={toast.type} type={toast.type} text={toast.text} canclose={toast.canclose} timestamp={toast.timestamp} />\n ))\n }\n\n render() {\n return <Host>{this.mapNotifications()}</Host>\n }\n}\n"],"version":3}
1	+ {"file":"p-button.p-dropdown.p-dropdown-item.p-notification-handler.entry.js","mappings":"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","names":["pDropdownCss"],"sources":["src/components/p-button/p-button.scss?tag=p-button&encapsulation=shadow","src/components/p-button/p-button.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown&encapsulation=shadow","src/components/dropdown/p-dropdown/p-dropdown.tsx","src/components/dropdown/p-dropdown/p-dropdown.scss?tag=p-dropdown-item&encapsulation=shadow","src/components/dropdown/p-dropdown-item/p-dropdown-item.tsx","src/components/notification/p-notification-handler/p-notification-handler.scss?tag=p-notification-handler&encapsulation=shadow","src/components/notification/p-notification-handler/p-notification-handler.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n @include useBlock();\n}","import { Component, Element, h, Prop } from '@stencil/core'\n\ntype ButtonColor = 'success' \| 'secondary' \| 'primary' \| 'danger' \| 'warning'\n\n/*\n @slot - button content\n /\n@Component({\n tag: 'p-button',\n styleUrl: 'p-button.scss',\n shadow: true,\n})\nexport class PButton {\n @Element()\n el: Element\n @Prop()\n type?: ButtonColor = 'primary'\n @Prop()\n outline?: boolean = false\n @Prop()\n large?: boolean = false\n @Prop()\n small?: boolean = false\n @Prop()\n block?: boolean = false\n @Prop()\n disabled?: boolean = false\n @Prop()\n dark?: boolean = false\n @Prop()\n loading?: boolean = false\n\n public getClass(): string {\n const types = [\n 'success',\n 'secondary',\n 'primary',\n 'danger',\n 'warning',\n ]\n let cssClass = ''\n\n if (!types.includes(this.type)) {\n cssClass = 'btn-primary'\n } else {\n cssClass = `btn-${this.type}`\n }\n\n if (this.disabled) {\n cssClass = 'disabled'\n }\n\n cssClass = `${cssClass}${this.outline ? '-outline' : ''}`\n cssClass = `${cssClass}${this.large ? ' btn-large' : ''}`\n cssClass = `${cssClass}${this.small ? ' btn-small' : ''}`\n cssClass = `${cssClass}${this.block ? ' btn-block' : ''}`\n\n return cssClass\n }\n\n public getParentClass() {\n let cssClass = 'papier'\n\n if (this.block) {\n cssClass = `${cssClass} is--block`\n }\n\n if (this.dark) {\n cssClass = `${cssClass} is--dark`\n }\n\n return cssClass\n }\n render() {\n const color = `var(--${this.type}${this.dark ? '-light' : ''})`\n\n return (\n <div class={this.getParentClass()}>\n <button class={this.getClass()} disabled={this.disabled} type=\"button\">\n {!this.loading ? <slot /> : <p-spinner color={color} dark={this.dark} />}\n </button>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import { Component, Element, Event, type EventEmitter, h, Listen, Prop, State } from '@stencil/core'\nimport feather from 'feather-icons'\n\n/*\n @slot - slot for p-dropdown-item\n /\n@Component({\n tag: 'p-dropdown',\n styleUrl: 'p-dropdown.scss',\n shadow: true,\n})\nexport class PDropdown {\n @Prop()\n dark?: boolean = false\n /* Prevent dropdown self update selected value /\n @Prop()\n preventSelected?: boolean = false\n /* Selected item value /\n @Prop({\n mutable: true,\n })\n value?: string = ''\n @State()\n open?: boolean = false\n @Prop()\n placeholder?: string\n @State()\n selectedValue?: string\n @Element()\n public el: HTMLElement\n\n @Event({\n eventName: 'select',\n })\n public selectEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown': true,\n 'is--dark': this.dark,\n 'is--open': this.open,\n }\n }\n\n @Listen('click', {\n target: 'window',\n })\n public detectOutsideClick(ev) {\n if (!this.el.contains(ev.target)) {\n this.open = false\n }\n }\n\n public resetItem() {\n const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n for (const item of items) {\n item.removeAttribute('selected')\n }\n }\n\n public componentWillLoad() {\n const items = Array.from(this.el.getElementsByTagName('p-dropdown-item'))\n\n for (const item of items) {\n if (this.dark) {\n item.setAttribute('dark', 'true')\n }\n if (item.selected === true) {\n this.value = item.value\n }\n item.addEventListener('change', (e) => {\n this.selectEvent.emit(e.detail)\n this.open = !this.open\n\n if (!this.preventSelected) {\n this.resetItem()\n item.setAttribute('selected', '')\n this.value = e.detail\n }\n })\n }\n }\n\n public selectValue(value: string) {\n this.selectEvent.emit(value)\n }\n\n public getSelectedValue(): string {\n const list = Array.from(this.el.querySelectorAll('p-dropdown-item'))\n const selected = list.find((item) => {\n return item.value === this.value\n })\n\n return selected?.innerText \|\| this.placeholder \|\| ''\n }\n\n render() {\n const selected = this.getSelectedValue()\n const arrowIcon = feather.icons['chevron-down'].toSvg()\n\n return (\n <div class={this.getParentClass()}>\n <div\n class=\"dropdown__header border border-primary\"\n onClick={() => {\n this.open = !this.open\n }}\n >\n <span>{selected}</span>\n <span class=\"for--icon\" innerHTML={arrowIcon} />\n </div>\n <div class=\"dropdown__children\">\n <slot />\n </div>\n </div>\n )\n }\n}\n",":host {\n @import \"../../common\";\n\n @include useBlock();\n\n height: 27px;\n\n .dropdown-item {\n width: 100%;\n background: white;\n height: 27px;\n\n &.is--dark {\n background: #41403e;\n }\n\n &:hover {\n cursor: pointer;\n\n .border {\n cursor: pointer;\n }\n }\n\n .border {\n height: 27px;\n padding-left: 10px;\n box-sizing: border-box;\n border-top: none;\n }\n }\n\n .dropdown {\n position: relative;\n height: 27px;\n\n &.is--dark {\n color : white;\n .dropdown__header, .dropdown__children {\n background: #41403e;\n }\n }\n\n &__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-left: 10px;\n padding-right: 10px;\n cursor: pointer;\n position: relative;\n z-index: 20;\n }\n\n &__children {\n position: absolute;\n z-index: 222;\n top: 31px;\n left: 0;\n width: 100%;\n max-height: 200px;\n display: grid;\n grid-auto-rows: 27px;\n max-height: calc(27px 5);\n overflow-y: auto;\n background: white;\n }\n\n .for--icon {\n position: relative;\n top: 2px;\n transition: all 0.3s linear;\n transform: rotate(0deg);\n }\n\n &:not(.is--open) {\n .dropdown__children {\n display: none;\n }\n }\n\n &.is--open {\n .dropdown__children {\n display: grid;\n }\n\n .for--icon {\n transform: rotate(180deg);\n top: -3px;\n }\n }\n }\n\n .dropdown {\n &:not(.is--block) {\n display: inline-block;\n min-width: 200px;\n }\n\n &.is--block {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n }\n\n}","import { Component, Event, type EventEmitter, h, Prop } from '@stencil/core'\n\n@Component({\n tag: 'p-dropdown-item',\n styleUrl: '../p-dropdown/p-dropdown.scss',\n shadow: true,\n})\nexport class PDropdownItem {\n @Prop()\n value!: string\n @Prop()\n selected?: boolean = false\n @Prop()\n dark?: boolean = false\n\n @Event({\n eventName: 'change',\n })\n public changeEvent: EventEmitter<string>\n\n public getParentClass() {\n return {\n 'papier dropdown-item': true,\n 'is--dark': this.dark,\n }\n }\n\n public sendClick() {\n this.changeEvent.emit(this.value)\n }\n\n render() {\n return (\n <div class={this.getParentClass()} onClick={() => this.sendClick()}>\n <div\n class={{\n 'background-success': this.selected,\n 'border border-primary': true,\n }}\n >\n <slot />\n </div>\n </div>\n )\n }\n}\n",":host {\n pointer-events: none;\n display: flex;\n flex-direction: column;\n justify-content: center;\n row-gap: 8px;\n position: fixed;\n top: 40px;\n margin: auto 80px;\n left: 0;\n right: 0;\n z-index: 9999;\n}","import { Component, Host, h, Listen, Method, State } from '@stencil/core'\n\nexport type PushOptions = {\n type: string\n text: string\n canclose: boolean\n timeout?: number\n}\n\ntype Notification = PushOptions & {\n timestamp: string\n}\n\n@Component({\n tag: 'p-notification-handler',\n styleUrl: 'p-notification-handler.scss',\n shadow: true,\n})\nexport class PNotificationHandler {\n @State()\n public notifications: Notification[] = []\n\n @Method()\n public async pushNotification(options: PushOptions) {\n const { type, text, canclose, timeout } = options\n const timestamp = String(new Date().getTime())\n this.notifications = [\n ...this.notifications,\n {\n type,\n text,\n canclose,\n timestamp,\n },\n ]\n\n if (!timeout) return\n\n setTimeout(() => {\n const notification = this.notifications.find((toast) => {\n return toast.timestamp === timestamp\n })\n if (notification) {\n this.removeToast(timestamp)\n }\n }, timeout)\n }\n\n private removeToast(timestamp: string) {\n this.notifications = this.notifications.filter((toast) => {\n return toast.timestamp !== timestamp\n })\n }\n\n @Listen('close')\n public closeToastHandler(event: CustomEvent<string>) {\n this.removeToast(event.detail)\n }\n\n public mapNotifications() {\n return this.notifications.map((toast) => (\n <p-notification canclose={toast.canclose} key={toast.type} text={toast.text} timestamp={toast.timestamp} type={toast.type} />\n ))\n }\n\n render() {\n return <Host>{this.mapNotifications()}</Host>\n }\n}\n"],"version":3}

package/dist/esm/p-card.entry.js CHANGED Viewed

@@ -16,13 +16,13 @@ const PCard = class {
         this.hasFooter = !!this.el.querySelector('[slot="footer"]');
     }
     render() {
-        return (h(Host, { key: 'a011f355ebfdf50bf02e8112324fddd503fc3c6d' }, h("div", { key: '1552ac15914e9976a0cf6853869b24824d2c3562', class: {
+        return (h(Host, { key: 'd049173b4627568a2fcf0e1db01d9a0f22b1d92e' }, h("div", { key: 'c2764a36aba0cb71a6a05bce0ab460b3d6de9596', class: {
                 papier: true,
                 'is--dark': this.dark,
                 'has--header': this.hasHeader === true,
                 'has--footer': this.hasFooter,
                 'with--radius': this.radius,
-            } }, h("div", { key: '2d8efe6513e958cb96c2ebbc189ec92142b2d0a4', class: "card" }, h("div", { key: '68ffb7bb105a77f7f45195def68a2bae3b0ffc4c', class: "card-header" }, h("slot", { key: '3ed788034782795423dc571d10a125ac0b238f9a', name: "header" })), this.image && h("img", { key: '30d53abac92290016d598846f160aed0450e035e', class: "image-top", src: this.image, alt: "card-img" }), h("div", { key: '3e1ed1be4a30e49e421a0ebf3f5be70947bca47b', class: "card-body" }, h("h4", { key: 'a43ac0f60200edd2b60258c4e5b878283267fe93', class: "card-title" }, h("slot", { key: 'b2041be6b93d38addf48aac3bf8ec566541b7c60', name: "title" })), h("h5", { key: '3af9deb72348ba7dd8d064031a12f82c32e18756', class: "card-subtitle" }, h("slot", { key: '1f9741c85e1e8cd2d0abcf6cc1419d1df4b68ed9', name: "subtitle" })), h("p", { key: '5ff52dd265c4349baaca3a50536ace00a2dd9993', class: "card-text" }, h("slot", { key: 'f74ec5f805a1e9856f9cfa19326eaa2a5cdf7161', name: "text" })), h("slot", { key: '388972d8f038587c6f0baa17e2f266eb362669f6' })), h("div", { key: '2e099fd05c32a68019cf657c3b26f424e13d18cb', class: "card-footer" }, h("slot", { key: '1d33816eb0dc0612bc7660c285fd2ba7f8794484', name: "footer" }))))));
+            } }, h("div", { key: 'db44844ced5e52f0fbb8a1a668448c213e267beb', class: "card" }, h("div", { key: 'd7d172d12fad3039eecbdf760248d320ed881022', class: "card-header" }, h("slot", { key: '3750a4df7f9211dbd822aee1318020adfc88004c', name: "header" })), this.image && h("img", { key: 'ad3c6f0f629d0f18fe14aa45bcdaf19e662e49aa', alt: "card-img", class: "image-top", src: this.image }), h("div", { key: '9e72b1b2ba1dd4d2b050824fd4438fd82136eb56', class: "card-body" }, h("h4", { key: 'de9db569e70c6c46a3426d9a69346199b6458153', class: "card-title" }, h("slot", { key: '1570c4263f58b0651bda4077e0a2402ea148c8c2', name: "title" })), h("h5", { key: '4927b911797b22962d80ac588edc931051728986', class: "card-subtitle" }, h("slot", { key: 'ad4e7e6bc74c5cf12e5578ca262d9a609533125c', name: "subtitle" })), h("p", { key: '554c0635bfec3e9d26de5e508d69d065344b54f6', class: "card-text" }, h("slot", { key: '934a4d3d05c199b865b9d88279b91fd2ff40e71f', name: "text" })), h("slot", { key: '15399ad2b6ab871094562288ac8986d1e6f5afa1' })), h("div", { key: '414b5ea56200aaf3d38b9bea579e9ba28c24cebb', class: "card-footer" }, h("slot", { key: '3e53fd5426605159a6f7d6701ba672f50a84ff1e', name: "footer" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/p-card.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-card.entry.js","sources":["src/components/p-card/p-card.scss?tag=p-card&encapsulation=shadow","src/components/p-card/p-card.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n .papier.is--dark , .papier.is--dark p {\n color : white;\n }\n\n .papier.with--radius .card {\n overflow: hidden;\n border-color : white;\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n\n .card-footer, .card-header {\n border-color : white;\n }\n }\n\n .papier:not(.has--footer) {\n .card-footer {\n display: none;\n }\n }\n\n .papier:not(.has--header) {\n .card-header {\n display: none;\n }\n }\n}","import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/\n @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n /\n@Component({\n tag: 'p-card',\n styleUrl: 'p-card.scss',\n shadow: true,\n})\nexport class PCard {\n @Prop()\n dark?: boolean = false\n /\n Use border radius style like button, badge etc\n */\n @Prop()\n radius?: boolean = false\n @Prop()\n image?: string\n @Element()\n el: HTMLElement\n @State()\n hasHeader: boolean\n @State()\n hasFooter: boolean\n\n componentDidLoad() {\n this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n 'has--header': this.hasHeader === true,\n 'has--footer': this.hasFooter,\n 'with--radius': this.radius,\n }}\n >\n <div class=\"card\">\n <div class=\"card-header\">\n <slot name=\"header\" />\n </div>\n {this.image && <img class=\"image-top\" src={this.image} ~~alt=\"card-img\"~~ />}\n <div class=\"card-body\">\n <h4 class=\"card-title\">\n <slot name=\"title\" />\n </h4>\n <h5 class=\"card-subtitle\">\n <slot name=\"subtitle\" />\n </h5>\n <p class=\"card-text\">\n <slot name=\"text\" />\n </p>\n <slot />\n </div>\n <div class=\"card-footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,2irFAA2irF;;MCc/irF,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AACtB;;AAEG;AAEH,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAoD3B;IA1CG,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;AAC3D,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;;IAG/D,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACrB,gBAAA,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;gBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;gBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;aAC9B,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,EACL,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,~~EAAE~~,~~GAAG,EAAC,UAAU,EAAG,~~CAAA,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAClB,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CACpB,EACL,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAG,CACvB,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACpB,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,CACJ,CACJ,CACH;;;;;;;;"}
1	+ {"version":3,"file":"p-card.entry.js","sources":["src/components/p-card/p-card.scss?tag=p-card&encapsulation=shadow","src/components/p-card/p-card.tsx"],"sourcesContent":[":host {\n @import \"../common\";\n\n .papier.is--dark , .papier.is--dark p {\n color : white;\n }\n\n .papier.with--radius .card {\n overflow: hidden;\n border-color : white;\n border-bottom-left-radius: 15px 255px;\n border-bottom-right-radius: 225px 15px;\n border-top-left-radius: 255px 15px;\n border-top-right-radius: 15px 225px;\n\n .card-footer, .card-header {\n border-color : white;\n }\n }\n\n .papier:not(.has--footer) {\n .card-footer {\n display: none;\n }\n }\n\n .papier:not(.has--header) {\n .card-header {\n display: none;\n }\n }\n}","import { Component, Element, Host, h, Prop, State } from '@stencil/core'\n\n/\n @slot header - card header\n * @slot title - card title\n * @slot subtitle - card subtitle\n * @slot text - card text\n * @slot footer - card footer\n /\n@Component({\n tag: 'p-card',\n styleUrl: 'p-card.scss',\n shadow: true,\n})\nexport class PCard {\n @Prop()\n dark?: boolean = false\n /\n Use border radius style like button, badge etc\n */\n @Prop()\n radius?: boolean = false\n @Prop()\n image?: string\n @Element()\n el: HTMLElement\n @State()\n hasHeader: boolean\n @State()\n hasFooter: boolean\n\n componentDidLoad() {\n this.hasHeader = !!this.el.querySelector('[slot=\"header\"]')\n this.hasFooter = !!this.el.querySelector('[slot=\"footer\"]')\n }\n\n render() {\n return (\n <Host>\n <div\n class={{\n papier: true,\n 'is--dark': this.dark,\n 'has--header': this.hasHeader === true,\n 'has--footer': this.hasFooter,\n 'with--radius': this.radius,\n }}\n >\n <div class=\"card\">\n <div class=\"card-header\">\n <slot name=\"header\" />\n </div>\n {this.image && <img alt=\"card-img\" class=\"image-top\" src={this.image} />}\n <div class=\"card-body\">\n <h4 class=\"card-title\">\n <slot name=\"title\" />\n </h4>\n <h5 class=\"card-subtitle\">\n <slot name=\"subtitle\" />\n </h5>\n <p class=\"card-text\">\n <slot name=\"text\" />\n </p>\n <slot />\n </div>\n <div class=\"card-footer\">\n <slot name=\"footer\" />\n </div>\n </div>\n </div>\n </Host>\n )\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,QAAQ,GAAG,2irFAA2irF;;MCc/irF,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAOI,QAAA,IAAI,CAAA,IAAA,GAAa,KAAK;AACtB;;AAEG;AAEH,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAoD3B;IA1CG,gBAAgB,GAAA;AACZ,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;AAC3D,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,iBAAiB,CAAC;;IAG/D,MAAM,GAAA;QACF,QACI,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACI,KAAK,EAAE;AACH,gBAAA,MAAM,EAAE,IAAI;gBACZ,UAAU,EAAE,IAAI,CAAC,IAAI;AACrB,gBAAA,aAAa,EAAE,IAAI,CAAC,SAAS,KAAK,IAAI;gBACtC,aAAa,EAAE,IAAI,CAAC,SAAS;gBAC7B,cAAc,EAAE,IAAI,CAAC,MAAM;aAC9B,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,EACL,IAAI,CAAC,KAAK,IAAI,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAC,UAAU,EAAC,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,IAAI,CAAC,KAAK,EAAI,CAAA,EACxE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAClB,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAClB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAG,CACpB,EACL,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACrB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,UAAU,EAAA,CAAG,CACvB,EACL,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CACpB,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACN,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACpB,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAG,CACpB,CACJ,CACJ,CACH;;;;;;;;"}

package/dist/esm/p-icon.entry.js CHANGED Viewed

@@ -498,7 +498,7 @@ const PIcon = class {
         this.color = 'inherit';
     }
     render() {
-        return (h(Host, { key: '3ceac23d1d6635baa38a879829a303e0f49991fa' }, h("div", { key: '2db07dc619aa07548800363dbb46702c4fc7e258', innerHTML: icons[this.icon], style: {
+        return (h(Host, { key: 'dacc5aa8f42202dc6ff0b7d496e01e5590c8f1d4' }, h("div", { key: '23b94f2e966dc480cb427226fe59e294f9528a22', innerHTML: icons[this.icon], style: {
                 color: this.color,
                 width: `${this.size}px`,
             } })));