@paperless/core 0.1.0-alpha.347 → 0.1.0-alpha.349
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.
- package/CHANGELOG.md +22 -0
- package/dist/build/{p-e60a4085.entry.js → p-0249e9cd.entry.js} +2 -2
- package/dist/build/{p-e60a4085.entry.js.map → p-0249e9cd.entry.js.map} +0 -0
- package/dist/build/p-23f04588.entry.js +2 -0
- package/dist/{paperless/p-69e0e5f9.entry.js.map → build/p-23f04588.entry.js.map} +1 -1
- package/dist/{paperless/p-60cc8e5b.entry.js → build/p-2bc6b026.entry.js} +2 -2
- package/dist/build/{p-60cc8e5b.entry.js.map → p-2bc6b026.entry.js.map} +0 -0
- package/dist/{paperless/p-3ecb8576.entry.js → build/p-3b2777d9.entry.js} +2 -2
- package/dist/build/{p-3ecb8576.entry.js.map → p-3b2777d9.entry.js.map} +0 -0
- package/dist/build/{p-7cfe0b83.entry.js → p-4fc82528.entry.js} +2 -2
- package/dist/build/{p-7cfe0b83.entry.js.map → p-4fc82528.entry.js.map} +0 -0
- package/dist/build/{p-0cf80e70.entry.js → p-50789b59.entry.js} +2 -2
- package/dist/build/{p-0cf80e70.entry.js.map → p-50789b59.entry.js.map} +0 -0
- package/dist/build/{p-34e4e210.entry.js → p-73deafe6.entry.js} +2 -2
- package/dist/build/{p-34e4e210.entry.js.map → p-73deafe6.entry.js.map} +1 -1
- package/dist/build/{p-da13181c.entry.js → p-846dd0bb.entry.js} +2 -2
- package/dist/build/{p-da13181c.entry.js.map → p-846dd0bb.entry.js.map} +0 -0
- package/dist/build/p-8bf70596.entry.js +2 -0
- package/dist/{paperless/p-150f371d.entry.js.map → build/p-8bf70596.entry.js.map} +1 -1
- package/dist/build/p-b361c1ef.entry.js +2 -0
- package/dist/build/p-b361c1ef.entry.js.map +1 -0
- package/dist/build/{p-85b75ade.entry.js → p-bdaeb7c7.entry.js} +2 -2
- package/dist/build/{p-85b75ade.entry.js.map → p-bdaeb7c7.entry.js.map} +0 -0
- package/dist/build/p-d86e3e82.entry.js +2 -0
- package/dist/build/{p-7a66d854.entry.js.map → p-d86e3e82.entry.js.map} +1 -1
- package/dist/{paperless/p-ef6746ff.entry.js → build/p-f4f33334.entry.js} +2 -2
- package/dist/build/{p-ef6746ff.entry.js.map → p-f4f33334.entry.js.map} +1 -1
- package/dist/build/p-f98027f1.entry.js +2 -0
- package/dist/build/{p-589ad402.entry.js.map → p-f98027f1.entry.js.map} +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/p-backdrop.cjs.entry.js.map +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +3 -3
- package/dist/cjs/p-button_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-divider.cjs.entry.js +1 -1
- package/dist/cjs/p-dropdown-menu-container.cjs.entry.js +1 -1
- package/dist/cjs/p-dropdown-menu-container.cjs.entry.js.map +1 -1
- package/dist/cjs/p-dropdown_2.cjs.entry.js +2 -2
- package/dist/cjs/p-dropdown_2.cjs.entry.js.map +1 -1
- package/dist/cjs/p-helper_3.cjs.entry.js +2 -2
- package/dist/cjs/p-helper_3.cjs.entry.js.map +1 -1
- package/dist/cjs/p-illustration_6.cjs.entry.js +5 -5
- package/dist/cjs/p-label_3.cjs.entry.js +3 -3
- package/dist/cjs/p-modal-body_4.cjs.entry.js +4 -4
- package/dist/cjs/p-modal-body_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
- package/dist/cjs/p-select.cjs.entry.js +1 -1
- package/dist/cjs/p-stepper.cjs.entry.js +8 -6
- package/dist/cjs/p-stepper.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table.cjs.entry.js +1 -1
- package/dist/cjs/p-tooltip.cjs.entry.js +1 -1
- package/dist/collection/components/atoms/backdrop/backdrop.component.css +1 -1
- package/dist/collection/components/atoms/button/button.component.css +1 -1
- package/dist/collection/components/atoms/divider/divider.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/helper/helper.component.css +1 -1
- package/dist/collection/components/atoms/icon/icon.component.css +1 -1
- package/dist/collection/components/atoms/label/label.component.css +1 -1
- package/dist/collection/components/atoms/loader/loader.component.css +1 -1
- package/dist/collection/components/atoms/modal-body/modal-body.component.css +1 -1
- package/dist/collection/components/atoms/modal-container/modal-container.component.css +1 -1
- package/dist/collection/components/atoms/modal-footer/modal-footer.component.css +1 -1
- package/dist/collection/components/atoms/modal-header/modal-header.component.css +1 -1
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
- package/dist/collection/components/molecules/calendar/calendar.component.css +1 -1
- package/dist/collection/components/molecules/datepicker/datepicker.component.css +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
- package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
- package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
- package/dist/collection/components/molecules/select/select.component.css +1 -1
- package/dist/collection/components/molecules/stepper/stepper.component.js +8 -6
- package/dist/collection/components/molecules/stepper/stepper.component.js.map +1 -1
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
- package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
- package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
- package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
- package/dist/collection/components/organisms/table/table.component.css +1 -1
- package/dist/components/backdrop.component.js +1 -1
- package/dist/components/backdrop.component.js.map +1 -1
- package/dist/components/button.component.js +1 -1
- package/dist/components/button.component.js.map +1 -1
- package/dist/components/divider.component.js +1 -1
- package/dist/components/dropdown-menu-container.component.js +1 -1
- package/dist/components/dropdown-menu-container.component.js.map +1 -1
- package/dist/components/dropdown-menu-item.component.js +1 -1
- package/dist/components/dropdown-menu-item.component.js.map +1 -1
- package/dist/components/dropdown.component.js +1 -1
- package/dist/components/dropdown.component.js.map +1 -1
- package/dist/components/helper.component.js +1 -1
- package/dist/components/helper.component.js.map +1 -1
- package/dist/components/icon.component.js +1 -1
- package/dist/components/icon.component.js.map +1 -1
- package/dist/components/input-group.component.js +1 -1
- package/dist/components/input-group.component.js.map +1 -1
- package/dist/components/label.component.js +1 -1
- package/dist/components/loader.component.js +1 -1
- package/dist/components/loader.component.js.map +1 -1
- package/dist/components/modal-body.component.js +1 -1
- package/dist/components/modal-body.component.js.map +1 -1
- package/dist/components/modal-container.component.js +1 -1
- package/dist/components/modal-container.component.js.map +1 -1
- package/dist/components/modal-footer.component.js +1 -1
- package/dist/components/modal-header.component.js +1 -1
- package/dist/components/modal-header.component.js.map +1 -1
- package/dist/components/p-select.js +1 -1
- package/dist/components/p-stepper.js +8 -6
- package/dist/components/p-stepper.js.map +1 -1
- package/dist/components/p-table.js +1 -1
- package/dist/components/pagination-item.component.js +1 -1
- package/dist/components/pagination.component.js +1 -1
- package/dist/components/segment-container.component.js +1 -1
- package/dist/components/segment-item.component.js +1 -1
- package/dist/components/table-cell.component.js +1 -1
- package/dist/components/table-container.component.js +1 -1
- package/dist/components/table-footer.component.js +1 -1
- package/dist/components/table-header.component.js +1 -1
- package/dist/components/table-row.component.js +1 -1
- package/dist/components/tooltip.component.js +1 -1
- package/dist/esm/p-backdrop.entry.js +1 -1
- package/dist/esm/p-backdrop.entry.js.map +1 -1
- package/dist/esm/p-button_3.entry.js +3 -3
- package/dist/esm/p-button_3.entry.js.map +1 -1
- package/dist/esm/p-divider.entry.js +1 -1
- package/dist/esm/p-dropdown-menu-container.entry.js +1 -1
- package/dist/esm/p-dropdown-menu-container.entry.js.map +1 -1
- package/dist/esm/p-dropdown_2.entry.js +2 -2
- package/dist/esm/p-dropdown_2.entry.js.map +1 -1
- package/dist/esm/p-helper_3.entry.js +2 -2
- package/dist/esm/p-helper_3.entry.js.map +1 -1
- package/dist/esm/p-illustration_6.entry.js +5 -5
- package/dist/esm/p-label_3.entry.js +3 -3
- package/dist/esm/p-modal-body_4.entry.js +4 -4
- package/dist/esm/p-modal-body_4.entry.js.map +1 -1
- package/dist/esm/p-page-size-select_3.entry.js +2 -2
- package/dist/esm/p-select.entry.js +1 -1
- package/dist/esm/p-stepper.entry.js +8 -6
- package/dist/esm/p-stepper.entry.js.map +1 -1
- package/dist/esm/p-table.entry.js +1 -1
- package/dist/esm/p-tooltip.entry.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-e60a4085.entry.js → p-0249e9cd.entry.js} +2 -2
- package/dist/paperless/{p-e60a4085.entry.js.map → p-0249e9cd.entry.js.map} +0 -0
- package/dist/paperless/p-23f04588.entry.js +2 -0
- package/dist/{build/p-69e0e5f9.entry.js.map → paperless/p-23f04588.entry.js.map} +1 -1
- package/dist/{build/p-60cc8e5b.entry.js → paperless/p-2bc6b026.entry.js} +2 -2
- package/dist/paperless/{p-60cc8e5b.entry.js.map → p-2bc6b026.entry.js.map} +0 -0
- package/dist/{build/p-3ecb8576.entry.js → paperless/p-3b2777d9.entry.js} +2 -2
- package/dist/paperless/{p-3ecb8576.entry.js.map → p-3b2777d9.entry.js.map} +0 -0
- package/dist/paperless/{p-7cfe0b83.entry.js → p-4fc82528.entry.js} +2 -2
- package/dist/paperless/{p-7cfe0b83.entry.js.map → p-4fc82528.entry.js.map} +0 -0
- package/dist/paperless/{p-0cf80e70.entry.js → p-50789b59.entry.js} +2 -2
- package/dist/paperless/{p-0cf80e70.entry.js.map → p-50789b59.entry.js.map} +0 -0
- package/dist/paperless/{p-34e4e210.entry.js → p-73deafe6.entry.js} +2 -2
- package/dist/paperless/{p-34e4e210.entry.js.map → p-73deafe6.entry.js.map} +1 -1
- package/dist/paperless/{p-da13181c.entry.js → p-846dd0bb.entry.js} +2 -2
- package/dist/paperless/{p-da13181c.entry.js.map → p-846dd0bb.entry.js.map} +0 -0
- package/dist/paperless/p-8bf70596.entry.js +2 -0
- package/dist/{build/p-150f371d.entry.js.map → paperless/p-8bf70596.entry.js.map} +1 -1
- package/dist/paperless/p-b361c1ef.entry.js +2 -0
- package/dist/paperless/p-b361c1ef.entry.js.map +1 -0
- package/dist/paperless/{p-85b75ade.entry.js → p-bdaeb7c7.entry.js} +2 -2
- package/dist/paperless/{p-85b75ade.entry.js.map → p-bdaeb7c7.entry.js.map} +0 -0
- package/dist/paperless/p-d86e3e82.entry.js +2 -0
- package/dist/paperless/{p-7a66d854.entry.js.map → p-d86e3e82.entry.js.map} +1 -1
- package/dist/{build/p-ef6746ff.entry.js → paperless/p-f4f33334.entry.js} +2 -2
- package/dist/paperless/{p-ef6746ff.entry.js.map → p-f4f33334.entry.js.map} +1 -1
- package/dist/paperless/p-f98027f1.entry.js +2 -0
- package/dist/paperless/{p-589ad402.entry.js.map → p-f98027f1.entry.js.map} +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/hydrate/index.js +36 -34
- package/package.json +1 -1
- package/dist/build/p-150f371d.entry.js +0 -2
- package/dist/build/p-589ad402.entry.js +0 -2
- package/dist/build/p-69e0e5f9.entry.js +0 -2
- package/dist/build/p-6c0c7b4a.entry.js +0 -2
- package/dist/build/p-6c0c7b4a.entry.js.map +0 -1
- package/dist/build/p-7a66d854.entry.js +0 -2
- package/dist/paperless/p-150f371d.entry.js +0 -2
- package/dist/paperless/p-589ad402.entry.js +0 -2
- package/dist/paperless/p-69e0e5f9.entry.js +0 -2
- package/dist/paperless/p-6c0c7b4a.entry.js +0 -2
- package/dist/paperless/p-6c0c7b4a.entry.js.map +0 -1
- package/dist/paperless/p-7a66d854.entry.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit"],"sources":["./src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","./src/components/atoms/modal-body/modal-body.component.tsx","./src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","./src/components/atoms/modal-container/modal-container.component.tsx","./src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","./src/components/atoms/modal-footer/modal-footer.component.tsx","./src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","./src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n @apply px-6;\n}\n\n:host(.is-rounded) {\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-body',\n styleUrl: 'modal-body.component.scss',\n shadow: true,\n})\nexport class ModalBody {\n /**\n * The variant of the modal body\n */\n @Prop() variant: 'default' | 'table' = 'default';\n\n /**\n * Wether the modal body should be rounded at the bottom\n */\n @Prop() rounded: boolean = false;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n }`}\n >\n <slot />\n </Host>\n );\n }\n}\n","p-modal-container {\n @apply flex flex-col w-full tablet:w-auto z-modal;\n @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n @apply shadow-4 #{!important};\n\n &.closing {\n @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n xs: 'tablet:w-80',\n sm: 'tablet:w-[33.5rem]',\n md: 'tablet:w-[38rem]',\n lg: 'tablet:w-[47.5rem]',\n xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n tag: 'p-modal-container',\n styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n /**\n * The size of the modal container\n */\n @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n /**\n * Wether the container is closing\n */\n @Prop() closing: boolean = false;\n\n render() {\n const sizeClass = modalSizes[this.size];\n\n return (\n <Host\n class={`p-modal-container ${\n this.closing && 'closing'\n } ${sizeClass}`}\n >\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-white;\n @apply flex flex-col;\n @apply pb-6 px-6;\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-footer',\n styleUrl: 'modal-footer.component.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host class=\"p-modal-footer\">\n <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-mystic rounded-t-xxlarge;\n @apply flex justify-between items-center;\n @apply p-4 desktop-xs:p-6;\n\n @apply text-storm-dark text-xl font-semibold;\n @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-header',\n styleUrl: 'modal-header.component.scss',\n shadow: true,\n})\nexport class ModalHeader {\n /**\n * Wether to show the close button on mobile\n */\n @Prop() showClose = true;\n\n /**\n * Close click event\n */\n @Event() close: EventEmitter<MouseEvent>;\n\n render() {\n return (\n <Host class=\"p-modal-header\">\n <span>\n <slot />\n </span>\n\n {this.showClose && (\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconOnly={true}\n onClick={() => this.close.emit()}\n size=\"small\"\n ></p-button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,
|
|
1
|
+
{"version":3,"names":["modalBodyComponentCss","ModalBody","render","h","Host","class","this","variant","rounded","modalContainerComponentCss","modalSizes","xs","sm","md","lg","xl","ModalContainer","sizeClass","size","closing","modalFooterComponentCss","ModalFooter","modalHeaderComponentCss","ModalHeader","showClose","icon","iconOnly","onClick","close","emit"],"sources":["./src/components/atoms/modal-body/modal-body.component.scss?tag=p-modal-body&encapsulation=shadow","./src/components/atoms/modal-body/modal-body.component.tsx","./src/components/atoms/modal-container/modal-container.component.scss?tag=p-modal-container","./src/components/atoms/modal-container/modal-container.component.tsx","./src/components/atoms/modal-footer/modal-footer.component.scss?tag=p-modal-footer&encapsulation=shadow","./src/components/atoms/modal-footer/modal-footer.component.tsx","./src/components/atoms/modal-header/modal-header.component.scss?tag=p-modal-header&encapsulation=shadow","./src/components/atoms/modal-header/modal-header.component.tsx"],"sourcesContent":[":host {\n @apply bg-white;\n @apply px-6 tablet:px-10 desktop-xs:px-14 py-6;\n}\n\n:host(.variant-table) {\n @apply px-6;\n}\n\n:host(.is-rounded) {\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-body',\n styleUrl: 'modal-body.component.scss',\n shadow: true,\n})\nexport class ModalBody {\n /**\n * The variant of the modal body\n */\n @Prop() variant: 'default' | 'table' = 'default';\n\n /**\n * Wether the modal body should be rounded at the bottom\n */\n @Prop() rounded: boolean = false;\n\n render() {\n return (\n <Host\n class={`p-modal-body variant-${this.variant} ${\n this.rounded && 'is-rounded'\n }`}\n >\n <slot />\n </Host>\n );\n }\n}\n","p-modal-container {\n @apply flex flex-col w-full tablet:w-auto z-modal;\n @apply rounded-b-none rounded-t-xxlarge desktop-xs:rounded-b-xxlarge;\n\n @apply animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small #{!important};\n\n @apply shadow-4 #{!important};\n\n &.closing {\n @apply animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small #{!important};\n }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n// $modal-xs: 20rem;\n// $modal-sm: 33.5rem;\n// $modal-md: 38rem;\n// $modal-lg: 47.5rem;\n// $modal-xl: 57.5rem;\n\nconst modalSizes = {\n xs: 'tablet:w-80',\n sm: 'tablet:w-[33.5rem]',\n md: 'tablet:w-[38rem]',\n lg: 'tablet:w-[47.5rem]',\n xl: 'tablet:w-[57.5rem]',\n};\n@Component({\n tag: 'p-modal-container',\n styleUrl: 'modal-container.component.scss',\n})\nexport class ModalContainer {\n /**\n * The size of the modal container\n */\n @Prop() size: 'sm' | 'md' | 'lg' | 'xl' = 'md';\n\n /**\n * Wether the container is closing\n */\n @Prop() closing: boolean = false;\n\n render() {\n const sizeClass = modalSizes[this.size];\n\n return (\n <Host\n class={`p-modal-container ${\n this.closing && 'closing'\n } ${sizeClass}`}\n >\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-white;\n @apply flex flex-col;\n @apply pb-6 px-6;\n @apply rounded-b-none desktop-xs:rounded-b-xxlarge;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-footer',\n styleUrl: 'modal-footer.component.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host class=\"p-modal-footer\">\n <p-divider class=\"mb-6 mt-0 hidden desktop-xs:flex\" />\n\n <slot />\n </Host>\n );\n }\n}\n",":host {\n @apply bg-mystic rounded-t-xxlarge;\n @apply flex justify-between items-center;\n @apply p-4 desktop-xs:p-6;\n\n @apply text-storm-dark text-xl font-semibold;\n @apply desktop-xs:text-3xl desktop-xs:font-bold;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-modal-header',\n styleUrl: 'modal-header.component.scss',\n shadow: true,\n})\nexport class ModalHeader {\n /**\n * Wether to show the close button on mobile\n */\n @Prop() showClose = true;\n\n /**\n * Close click event\n */\n @Event() close: EventEmitter<MouseEvent>;\n\n render() {\n return (\n <Host class=\"p-modal-header\">\n <span>\n <slot />\n </span>\n\n {this.showClose && (\n <p-button\n variant=\"secondary\"\n icon=\"negative\"\n iconOnly={true}\n onClick={() => this.close.emit()}\n size=\"small\"\n ></p-button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,u5L,MCOjBC,EAAS,M,sCAIqB,U,aAKZ,K,CAE3BC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,wBAAwBC,KAAKC,WAChCD,KAAKE,SAAW,gBAGpBL,EAAA,a,aCzBhB,MAAMM,EAA6B,22OCQnC,MAAMC,EAAa,CACfC,GAAI,cACJC,GAAI,qBACJC,GAAI,mBACJC,GAAI,qBACJC,GAAI,sB,MAMKC,EAAc,M,mCAImB,K,aAKf,K,CAE3Bd,SACI,MAAMe,EAAYP,EAAWJ,KAAKY,MAElC,OACIf,EAACC,EAAI,CACDC,MAAO,qBACHC,KAAKa,SAAW,aAChBF,KAEJd,EAAA,a,aCvChB,MAAMiB,EAA0B,0gL,MCOnBC,EAAW,M,yBACpBnB,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,aAAWE,MAAM,qCAEjBF,EAAA,a,aCbhB,MAAMmB,EAA0B,+1L,MCOnBC,EAAW,M,qEAIA,I,CAOpBrB,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,kBACRF,EAAA,YACIA,EAAA,cAGHG,KAAKkB,WACFrB,EAAA,YACII,QAAQ,YACRkB,KAAK,WACLC,SAAU,KACVC,QAAS,IAAMrB,KAAKsB,MAAMC,OAC1BX,KAAK,U"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as t,h as e,H as i,g as o}from"./p-69d43b9d.js";const s=".static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}";const n=class{constructor(e){t(this,e);this.activeStep=1;this.direction="horizontal";this.contentPosition="end"}componentDidRender(){this._generateSteps()}render(){return e(i,{class:"p-stepper"},e("slot",null))}_generateSteps(){let t=this.activeStep-1;const e=this._el.querySelectorAll("p-stepper-item");if(!!this.activeStep||t<=0){const i=Array.from(e);const o=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.active&&!t.finished));if(o>=0){t=o}const s=i.findIndex((t=>t.tagName.toLowerCase()==="p-stepper-item"&&t.finished));if(t<=0&&s>=0){t=s+1}}console.log(e);for(let i=0;i<(e===null||e===void 0?void 0:e.length);i++){const o=e.item(i);console.log(o);if(o.tagName.toLowerCase()==="p-stepper-item"){o.active=i===t;o.finished=i<t;o.direction=this.direction;o.align=i===0?"start":i===(e===null||e===void 0?void 0:e.length)-1?"end":"center";o.contentPosition=this.contentPosition;if(i<e.length-1){const e=o.nextElementSibling;console.log(i,o,i+1,e,e===null||e===void 0?void 0:e.tagName);if(e&&e.tagName.toLowerCase()==="p-stepper-item"){console.log("Adding line");const s=(o.clientHeight-16)/2;const n=document.createElement("p-stepper-line");n.direction=this.direction;n.active=i<=t;if(s>0&&this.direction==="vertical"){n.style.marginTop=`-${s/16}rem`;n.style.marginBottom=`-${s/16}rem`;n.style.minHeight=`calc(1rem + ${s*2/16}rem)`}this._el.insertBefore(n,e);continue}if(e.tagName.toLowerCase()==="p-stepper-line"){console.log("Updating line");e.direction=this.direction;e.active=i<=t}}}}}get _el(){return o(this)}};n.style=s;export{n as p_stepper};
|
|
2
|
+
//# sourceMappingURL=p-b361c1ef.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["stepperComponentCss","Stepper","componentDidRender","this","_generateSteps","render","h","Host","class","activeStep","items","_el","querySelectorAll","arrayItems","Array","from","activeItemIndex","findIndex","i","tagName","toLowerCase","active","finished","finishedItemIndex","console","log","length","item","direction","align","contentPosition","nextItem","nextElementSibling","heightDiff","clientHeight","stepperLine","document","createElement","style","marginTop","marginBottom","minHeight","insertBefore"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n @apply flex;\n}\n\n:host([direction='horizontal']) {\n @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n @apply flex-col flex-wrap items-start;\n @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'p-stepper',\n styleUrl: 'stepper.component.scss',\n shadow: true,\n})\nexport class Stepper {\n /**\n * The currently active step\n */\n @Prop() activeStep: number = 1;\n\n /**\n * The direction of the stepper\n */\n @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n 'horizontal';\n\n /**\n * The position of the content in case of vertical direction\n */\n @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n /**\n * The host element\n */\n @Element() private _el: HTMLElement;\n\n // private _steps: Array<HTMLPStepperItemElement>;\n\n componentDidRender() {\n this._generateSteps();\n }\n\n render() {\n return (\n <Host class=\"p-stepper\">\n <slot />\n </Host>\n );\n }\n\n private _generateSteps() {\n let activeStep = this.activeStep - 1;\n const items = this._el.querySelectorAll('p-stepper-item');\n\n if (!!this.activeStep || activeStep <= 0) {\n const arrayItems = Array.from(items);\n const activeItemIndex = arrayItems.findIndex(\n (i: any) =>\n i.tagName.toLowerCase() === 'p-stepper-item' &&\n i.active &&\n !i.finished\n );\n\n if (activeItemIndex >= 0) {\n activeStep = activeItemIndex;\n }\n\n const finishedItemIndex = arrayItems.findIndex(\n (i: any) =>\n i.tagName.toLowerCase() === 'p-stepper-item' && i.finished\n );\n if (activeStep <= 0 && finishedItemIndex >= 0) {\n activeStep = finishedItemIndex + 1;\n }\n }\n\n console.log(items);\n for (let i = 0; i < items?.length; i++) {\n const item = items.item(i) as any;\n console.log(item);\n\n if (item.tagName.toLowerCase() === 'p-stepper-item') {\n item.active = i === activeStep;\n item.finished = i < activeStep;\n item.direction = this.direction;\n item.align =\n i === 0\n ? 'start'\n : i === items?.length - 1\n ? 'end'\n : 'center';\n item.contentPosition = this.contentPosition;\n\n if (i < items.length - 1) {\n const nextItem = item.nextElementSibling;\n\n console.log(i, item, i + 1, nextItem, nextItem?.tagName);\n if (\n nextItem &&\n nextItem.tagName.toLowerCase() === 'p-stepper-item'\n ) {\n console.log('Adding line');\n const heightDiff = (item.clientHeight - 16) / 2;\n\n const stepperLine =\n document.createElement('p-stepper-line');\n stepperLine.direction = this.direction;\n stepperLine.active = i <= activeStep;\n\n if (heightDiff > 0 && this.direction === 'vertical') {\n stepperLine.style.marginTop = `-${\n heightDiff / 16\n }rem`;\n stepperLine.style.marginBottom = `-${\n heightDiff / 16\n }rem`;\n stepperLine.style.minHeight = `calc(1rem + ${\n (heightDiff * 2) / 16\n }rem)`;\n }\n\n this._el.insertBefore(stepperLine, nextItem);\n\n continue;\n }\n\n if (nextItem.tagName.toLowerCase() === 'p-stepper-line') {\n console.log('Updating line');\n nextItem.direction = this.direction;\n nextItem.active = i <= activeStep;\n }\n }\n }\n }\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,qBACIC,KAAKC,gB,CAGTC,SACI,OACIC,EAACC,EAAI,CAACC,MAAM,aACRF,EAAA,a,CAKJF,iBACJ,IAAIK,EAAaN,KAAKM,WAAa,EACnC,MAAMC,EAAQP,KAAKQ,IAAIC,iBAAiB,kBAExC,KAAMT,KAAKM,YAAcA,GAAc,EAAG,CACtC,MAAMI,EAAaC,MAAMC,KAAKL,GAC9B,MAAMM,EAAkBH,EAAWI,WAC9BC,GACGA,EAAEC,QAAQC,gBAAkB,kBAC5BF,EAAEG,SACDH,EAAEI,WAGX,GAAIN,GAAmB,EAAG,CACtBP,EAAaO,C,CAGjB,MAAMO,EAAoBV,EAAWI,WAChCC,GACGA,EAAEC,QAAQC,gBAAkB,kBAAoBF,EAAEI,WAE1D,GAAIb,GAAc,GAAKc,GAAqB,EAAG,CAC3Cd,EAAac,EAAoB,C,EAIzCC,QAAQC,IAAIf,GACZ,IAAK,IAAIQ,EAAI,EAAGA,GAAIR,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAQR,IAAK,CACpC,MAAMS,EAAOjB,EAAMiB,KAAKT,GACxBM,QAAQC,IAAIE,GAEZ,GAAIA,EAAKR,QAAQC,gBAAkB,iBAAkB,CACjDO,EAAKN,OAASH,IAAMT,EACpBkB,EAAKL,SAAWJ,EAAIT,EACpBkB,EAAKC,UAAYzB,KAAKyB,UACtBD,EAAKE,MACDX,IAAM,EACA,QACAA,KAAMR,IAAK,MAALA,SAAK,SAALA,EAAOgB,QAAS,EACtB,MACA,SACVC,EAAKG,gBAAkB3B,KAAK2B,gBAE5B,GAAIZ,EAAIR,EAAMgB,OAAS,EAAG,CACtB,MAAMK,EAAWJ,EAAKK,mBAEtBR,QAAQC,IAAIP,EAAGS,EAAMT,EAAI,EAAGa,EAAUA,IAAQ,MAARA,SAAQ,SAARA,EAAUZ,SAChD,GACIY,GACAA,EAASZ,QAAQC,gBAAkB,iBACrC,CACEI,QAAQC,IAAI,eACZ,MAAMQ,GAAcN,EAAKO,aAAe,IAAM,EAE9C,MAAMC,EACFC,SAASC,cAAc,kBAC3BF,EAAYP,UAAYzB,KAAKyB,UAC7BO,EAAYd,OAASH,GAAKT,EAE1B,GAAIwB,EAAa,GAAK9B,KAAKyB,YAAc,WAAY,CACjDO,EAAYG,MAAMC,UAAY,IAC1BN,EAAa,QAEjBE,EAAYG,MAAME,aAAe,IAC7BP,EAAa,QAEjBE,EAAYG,MAAMG,UAAY,eACzBR,EAAa,EAAK,Q,CAI3B9B,KAAKQ,IAAI+B,aAAaP,EAAaJ,GAEnC,Q,CAGJ,GAAIA,EAASZ,QAAQC,gBAAkB,iBAAkB,CACrDI,QAAQC,IAAI,iBACZM,EAASH,UAAYzB,KAAKyB,UAC1BG,EAASV,OAASH,GAAKT,C"}
|