npm - @paperless/core - Versions diffs - 2.0.1-beta.194 → 2.0.1-beta.195 - Mend

@paperless/core 2.0.1-beta.194 → 2.0.1-beta.195

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 (313) hide show

package/dist/components/{p-CgCT2d-x.js → p-BcgYucFP.js} RENAMED Viewed

@@ -1,15 +1,14 @@
 import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-tdjn65Lz.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$2, a as defaultSize, b as defaultSizeOptions } from './p-BOXJAotb.js';
-import { d as defineCustomElement$a } from './p-CDn6XmsX.js';
-import { d as defineCustomElement$9 } from './p-CcIrqZQo.js';
-import { d as defineCustomElement$8 } from './p-C0ZWBE1t.js';
-import { d as defineCustomElement$7 } from './p-CA6-0EkK.js';
-import { d as defineCustomElement$6 } from './p-CR0XljUt.js';
-import { d as defineCustomElement$5 } from './p-C78xNd-5.js';
-import { d as defineCustomElement$4 } from './p-C9wY-Brb.js';
-import { d as defineCustomElement$3 } from './p-G9IGIyxV.js';
-import { d as defineCustomElement$1 } from './p-BuB74H5T.js';
+import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-Co2ou8dJ.js';
+import { d as defineCustomElement$9 } from './p-CDn6XmsX.js';
+import { d as defineCustomElement$8 } from './p-CcIrqZQo.js';
+import { d as defineCustomElement$7 } from './p-lEv83blc.js';
+import { d as defineCustomElement$6 } from './p-K1js1IEU.js';
+import { d as defineCustomElement$5 } from './p-CR0XljUt.js';
+import { d as defineCustomElement$4 } from './p-C78xNd-5.js';
+import { d as defineCustomElement$3 } from './p-CwukMUJw.js';
+import { d as defineCustomElement$2 } from './p-G9IGIyxV.js';
 const paginationComponentCss = "*{box-sizing:border-box}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-off-white-700{--tw-border-opacity:1!important;border-color:rgb(222 219 213/var(--tw-border-opacity,1))!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.text-human-beige-700{--tw-text-opacity:1!important;color:rgb(231 216 203/var(--tw-text-opacity,1))!important}";
@@ -79,12 +78,12 @@ const Pagination = /*@__PURE__*/ proxyCustomElement(class Pagination extends H {
     _hasPaginationPages = true;
     render() {
         const hidePageSizeSelect = this.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];
-        return (h("div", { key: 'cf3654ee1676412ce5a15db3d8b8562f621f1808', class: pagination({
+        return (h("div", { key: '4b0d83ad61b35fe3d56f5bac21bef06b0b7bcd4b', class: pagination({
                 hidden: (hidePageSizeSelect && !this._hasPaginationPages) ||
                     (!this.enablePaginationSize && !this.enablePaginationPages),
-            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: '1f46d1978543365999d15b6d84414d43daafaf39' }, h("p-pagination-size", { key: '117ebccd0c5bb8be05d22b443ca85dec9bd1a703', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
+            }) }, this.enablePaginationPages && this.enablePaginationSize && (h(Fragment, { key: 'b189f41a81cf20bbaeb27582f264089833ffa772' }, h("p-pagination-size", { key: '655bc99e3a85d6b78951481f922b55f10d1724a2', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (h("p-divider", { key: '65a3ca96da2c6cb0495b74ec182ac726b7b4876d', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: '1c2215cc1e6e0d3da70ffe0361755626861ac670', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (h("p-divider", { key: '09b1b30a03d377d11557b828dbe2ecf222ce0f52', variant: 'vertical', class: 'mx-0 h-4 text-human-beige-700' })))), this.enablePaginationPages && (h("p-pagination-pages", { key: 'fa6a770cf3fac384027156c3e77ba0b28a20986c', pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } }))));
@@ -111,7 +110,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-pagination", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-pagination-pages", "p-pagination-pages-item", "p-pagination-size", "p-portal"];
+    const components = ["p-pagination", "p-checkbox", "p-divider", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-pagination-pages", "p-pagination-pages-item", "p-pagination-size"];
     components.forEach(tagName => { switch (tagName) {
         case "p-pagination":
             if (!customElements.get(tagName)) {
@@ -119,51 +118,46 @@ function defineCustomElement() {
             }
             break;
         case "p-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "p-divider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "p-dropdown":
+        case "p-divider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "p-dropdown-menu-container":
+        case "p-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "p-dropdown-menu-item":
+        case "p-dropdown-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "p-icon":
+        case "p-dropdown-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "p-pagination-pages":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "p-pagination-pages-item":
+        case "p-pagination-pages":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "p-pagination-size":
+        case "p-pagination-pages-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "p-portal":
+        case "p-pagination-size":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -173,6 +167,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Pagination as P, defineCustomElement as d };
-//# sourceMappingURL=p-CgCT2d-x.js.map
+//# sourceMappingURL=p-BcgYucFP.js.map
-//# sourceMappingURL=p-CgCT2d-x.js.map
+//# sourceMappingURL=p-BcgYucFP.js.map

package/dist/components/p-BcgYucFP.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-BcgYucFP.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-off-white-700',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden:\n\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-human-beige-700'\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\n\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}

package/dist/components/{p-BL6tcXIx.js → p-BnizPYo3.js} RENAMED Viewed

@@ -1,7 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-tdjn65Lz.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './p-DGLCmOXW.js';
 import { c as cva } from './p-CBWjHURv.js';
-import { d as defineCustomElement$1 } from './p-BuB74H5T.js';
 const tooltipComponentCss = "*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-tooltip{z-index:601!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.h-inherit{height:inherit!important}.w-\\[2px\\]{width:2px!important}.w-full{width:100%!important}.w-inherit{width:inherit!important}.w-max{width:max-content!important}.max-w-\\[14\\.5rem\\]{max-width:14.5rem!important}.max-w-\\[18rem\\]{max-width:18rem!important}.max-w-full{max-width:100%!important}.cursor-pointer{cursor:pointer!important}.gap-2{gap:.5rem!important}.whitespace-normal{white-space:normal!important}.rounded-lg{border-radius:.5rem!important}.bg-black-teal{--tw-bg-opacity:1!important;background-color:rgb(3 42 36/var(--tw-bg-opacity,1))!important}.bg-negative-red{background-color:rgb(230 30 30/var(--tw-bg-opacity,1))!important}.bg-negative-red,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}";
@@ -20,7 +19,6 @@ const popover = cva([
             error: 'max-w-full w-full',
         },
         strategy: {
-            none: null,
             fixed: 'fixed',
             absolute: 'absolute',
         },
@@ -36,14 +34,6 @@ const popover = cva([
         },
     ],
 });
-const portal = cva('', {
-    variants: {
-        strategy: {
-            fixed: 'fixed',
-            absolute: 'absolute',
-        },
-    },
-});
 const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
     constructor() {
         super();
@@ -79,10 +69,6 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
      * Wether to show the popover
      */
     show = false;
-    /**
-     * Wether to use a portal for the tooltip
-     */
-    usePortal = false;
     /**
      * Wether to someone can manually close the popover
      */
@@ -109,25 +95,10 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         }
     }
     render() {
-        const tooltipProps = {
-            role: 'popover',
-            'data-placement': this.placement,
-            ref: el => this._load(el),
-        };
-        let tooltip;
-        const tooltipElement = (h("div", { key: '5b8e4981e1c23b0bc685afb8e885de720a9c83b4', class: popover({
+        return (h(Host, { key: 'd6ab4b6f7774e5aa3d937af0e971691507500121', class: 'flex cursor-pointer' }, h("div", { key: '8fbb31f4247abce89474b5c1ccc828ba676f1d03', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: '8f4d0b108d21e34a3c9f200b166ad1f7a664df03', name: 'trigger' }), h("div", { key: 'c76d04410413befbd925673e6c5ec1f56cbc4693', class: popover({
                 variant: this.variant,
-                strategy: this.usePortal ? 'none' : this.strategy,
-            }), ...(this.usePortal ? {} : tooltipProps) }, h("div", { key: 'a47a1bcc2d72b3386cc1268bce6c491360af134f', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'fa11d85cf61cc8ff5457530cd2755204c53613e5', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))));
-        if (this.usePortal) {
-            tooltip = (h("p-portal", { key: 'f95d3627310222bef65ed4c723b362422f29f95f', class: portal({
-                    strategy: this.strategy,
-                }), ...tooltipProps }, tooltipElement));
-        }
-        else {
-            tooltip = tooltipElement;
-        }
-        return (h(Host, { key: 'fd2906fbe53649091bcd522064dd95e8b92dd28f', class: 'flex cursor-pointer' }, h("div", { key: 'b56a6f5898dcd4617c58c8c40d49773b1ed8b0d3', class: 'relative h-inherit w-inherit max-w-full' }, h("slot", { key: '8f291aff8a9c2a8588c249a04aad8f35e2989b7d', name: 'trigger' }), tooltip)));
+                strategy: this.strategy,
+            }), role: 'popover', "data-placement": this.placement, ref: el => this._load(el) }, h("div", { key: '897588122ee994567d0d449c6a3c0f3e352a1a3b', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'f4e370e5f721fe27309465223d5c61fa39ee62c7', class: 'w-[2px] bg-negative-red' })), this.content ? this.content : h("slot", { name: 'content' }))))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {
@@ -237,7 +208,6 @@ const Tooltip = /*@__PURE__*/ proxyCustomElement(class Tooltip extends H {
         "strategy": [1],
         "enableUserInput": [4, "enable-user-input"],
         "show": [4],
-        "usePortal": [4, "use-portal"],
         "canManuallyClose": [4, "can-manually-close"]
     }, [[2, "click", "clickHandler"], [6, "click", "documentClickHandler"], [1, "mouseenter", "mouseEnterHandler"], [0, "focus", "mouseEnterHandler"], [1, "mouseleave", "mouseLeaveHandler"], [0, "blur", "mouseLeaveHandler"]], {
         "show": ["onShowChange"]
@@ -246,23 +216,18 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-tooltip", "p-portal"];
+    const components = ["p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-tooltip":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, Tooltip);
             }
             break;
-        case "p-portal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
     } });
 }
 defineCustomElement();
 export { Tooltip as T, defineCustomElement as d };
-//# sourceMappingURL=p-BL6tcXIx.js.map
+//# sourceMappingURL=p-BnizPYo3.js.map
-//# sourceMappingURL=p-BL6tcXIx.js.map
+//# sourceMappingURL=p-BnizPYo3.js.map

package/dist/components/p-BnizPYo3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-BnizPYo3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/tooltip/tooltip.component.css?tag=p-tooltip&encapsulation=shadow","src/components/atoms/tooltip/tooltip.component.tsx"],"sourcesContent":["","import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst popover = cva(\n\t[\n\t\t'inline-block px-2',\n\t\t'text-xs',\n\t\t'opacity-0 drop-shadow-3 transition-opacity',\n\t\t'rounded-lg',\n\n\t\t'z-tooltip',\n\t\t'pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\thover: 'bg-black-teal text-white py-1 max-w-[14.5rem]',\n\t\t\t\tclick: 'max-w-[18rem]',\n\t\t\t\terror: 'max-w-full w-full',\n\t\t\t},\n\t\t\tstrategy: {\n\t\t\t\tfixed: 'fixed',\n\t\t\t\tabsolute: 'absolute',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['hover', 'click'],\n\t\t\t\tclass: 'w-max',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['click', 'error'],\n\t\t\t\tclass: 'bg-white text-black-teal-300 py-2',\n\t\t\t},\n\t\t],\n\t}\n);\n\n@Component({\n\ttag: 'p-tooltip',\n\tstyleUrl: 'tooltip.component.css',\n\tshadow: true,\n})\nexport class Tooltip {\n\t/**\n\t * The variant of the popover\n\t */\n\t@Prop() variant: 'hover' | 'click' | 'error' = 'hover';\n\n\t/**\n\t * The content of the popover\n\t */\n\t@Prop() content: any = null;\n\n\t/**\n\t * The placement of the popover\n\t */\n\t@Prop() placement: Placement;\n\n\t/**\n\t * The offset of the popover\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the popover placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether the tooltip can be shown by user input\n\t */\n\t@Prop() enableUserInput: boolean = true;\n\n\t/**\n\t * Wether to show the popover\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to someone can manually close the popover\n\t */\n\t@Prop() canManuallyClose: boolean = true;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _hasContentSlot = false;\n\n\tprivate _loaded = false;\n\tprivate _popover: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentWillLoad() {\n\t\tthis._hasContentSlot = !!this._el.querySelector(\n\t\t\t':scope > [slot=\"content\"]'\n\t\t);\n\t}\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='flex cursor-pointer'>\n\t\t\t\t<div class='relative h-inherit w-inherit max-w-full'>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={popover({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class='flex gap-2 whitespace-normal'>\n\t\t\t\t\t\t\t{this.variant === 'error' && (\n\t\t\t\t\t\t\t\t<div class='w-[2px] bg-negative-red'></div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.content ? this.content : <slot name='content' />}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\tprotected clickHandler() {\n\t\tif (this.variant === 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler() {\n\t\tif (this.variant === 'hover' || !this.canManuallyClose || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._popover.hasAttribute('data-show')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Listen('mouseenter')\n\t@Listen('focus')\n\tprotected mouseEnterHandler() {\n\t\tif (this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('mouseleave')\n\t@Listen('blur')\n\tprotected mouseLeaveHandler() {\n\t\tif (this.show || this.variant !== 'hover' || !this.enableUserInput) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\t@Watch('show')\n\tonShowChange(show: boolean) {\n\t\tif (show && !this._popover.hasAttribute('data-show')) {\n\t\t\treturn this._show();\n\t\t}\n\n\t\treturn this._hide();\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.content?.length && !this._hasContentSlot) {\n\t\t\tif (this._popover.hasAttribute('data-show')) {\n\t\t\t\tthis._hide();\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._popover, () => this._update());\n\n\t\t// Make the popover visible\n\t\tthis._popover.setAttribute('data-show', '');\n\n\t\tthis._popover.classList.remove('opacity-0', 'pointer-events-none');\n\t\tthis._popover.classList.add('opacity-100', 'pointer-events-auto');\n\n\t\t// Update its position\n\t\tthis.isOpen.emit(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._popover.removeAttribute('data-show');\n\n\t\tthis._popover.classList.remove('opacity-100', 'pointer-events-auto');\n\t\tthis._popover.classList.add('opacity-0', 'pointer-events-none');\n\n\t\tthis.isOpen.emit(false);\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._popover = popover;\n\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _update() {\n\t\tif (!this._popover) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._popover, {\n\t\t\tplacement:\n\t\t\t\tthis.variant === 'error' && !this.placement\n\t\t\t\t\t? 'bottom-start'\n\t\t\t\t\t: this.placement ?? 'top',\n\t\t\tstrategy: this.strategy,\n\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._popover.dataset.placement = placement;\n\t\t\tObject.assign(this._popover.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n"],"version":3}

package/dist/components/{p-C6-VHZ8A.js → p-C0orhMYr.js} RENAMED Viewed

@@ -32,9 +32,9 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends H {
     valueChange;
     render() {
         const percentage = Math.round((this.value / (this.max - this.min)) * 100);
-        return (h("div", { key: '60ed789915eaf9cdaba8e2f5feddd88858d939b3', class: 'flex w-inherit items-center gap-2 text-black-teal-300' }, h("p-icon", { key: '4ed624b64356e222b656476578fce3e41a1a31d7', variant: 'minus' }), h("div", { key: '701a770e8905291cf0e2963ff2d1399a09eb2ca1', class: 'relative h-6 flex-1' }, h("input", { key: '413d697d62fda3b02b3995134dabf6cb3da40c09', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), h("div", { key: '04be5cbab7fa958d127c42948d0c2aec249a8a85', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300', style: {
+        return (h("div", { key: 'f2c856a49821def3b629c74aa469f0f935667c4d', class: 'flex w-inherit items-center gap-2 text-black-teal-300' }, h("p-icon", { key: 'b792ee55eedb8867a01e71fb8b8d0eaab45086df', variant: 'minus' }), h("div", { key: 'ee0a66d3fc146f1a271f760f004427efdbc97353', class: 'relative h-6 flex-1' }, h("input", { key: 'd41ba5c2e1c538612010409dfc92924406702963', type: 'range', min: this.min, max: this.max, step: this.step, value: this.value, onInput: ev => this.valueChange.emit(ev.target.value) }), h("div", { key: '4403384b300b9aa0d4ea85e7e7f7ee3a603d8266', class: 'z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300', style: {
                 width: `calc(${percentage}% - (1rem * ${percentage} / 100))`,
-            } })), h("p-icon", { key: '3a5cd7e4c086fd874667d746169892e2af8cab59', variant: 'plus' })));
+            } })), h("p-icon", { key: '9380cdc43b6518e4aa446aa8d0fe76c1c785a084', variant: 'plus' })));
     }
     static get style() { return rangeComponentCss; }
 }, [1, "p-range", {
@@ -64,6 +64,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { Range as R, defineCustomElement as d };
-//# sourceMappingURL=p-C6-VHZ8A.js.map
+//# sourceMappingURL=p-C0orhMYr.js.map
-//# sourceMappingURL=p-C6-VHZ8A.js.map
+//# sourceMappingURL=p-C0orhMYr.js.map

package/dist/components/{p-C6-VHZ8A.js.map → p-C0orhMYr.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~C6-VHZ8A~~.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,q/EAAq/E;;MCOlgF,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;AACjB;;AAEG;IACK,GAAG,GAAW,CAAC;AAEvB;;AAEG;IACK,GAAG,GAAW,GAAG;AAEzB;;AAEG;IACK,IAAI,GAAW,GAAG;AAE1B;;AAEG;IACK,KAAK,GAAW,CAAC;AAEzB;;AAEG;AACwB,IAAA,WAAW;IAEtC,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAEzE,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uDAAuD,EAAA,EACjE,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAG,CAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAE5D,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,kFAAkF,EACxF,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAA,YAAA,EAAe,UAAU,CAAU,QAAA,CAAA;AAC5D,aAAA,EAAA,CACK,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,MAAM,EAAG,CAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/range/range.component.css?tag=p-range&encapsulation=shadow","src/components/molecules/range/range.component.tsx"],"sourcesContent":[":host {\n\tinput {\n\t\t@apply m-0 h-6 w-full appearance-none;\n\t}\n\n\tinput::-webkit-slider-runnable-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-moz-range-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-webkit-slider-thumb {\n\t\t@apply mt-[calc((0.5rem-1px)-1)] h-4 w-4 appearance-none rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n\n\tinput::-moz-range-thumb {\n\t\t@apply h-4 w-4 rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-range',\n\tstyleUrl: 'range.component.css',\n\tshadow: true,\n})\nexport class Range {\n\t/\n\t The min value of the range\n\t /\n\t@Prop() min: number = 0;\n\n\t/\n\t The max value of the range\n\t /\n\t@Prop() max: number = 100;\n\n\t/\n\t The steps to go by\n\t /\n\t@Prop() step: number = 0.5;\n\n\t/\n\t The current value of the range\n\t /\n\t@Prop() value: number = 0;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\trender() {\n\t\tconst percentage = Math.round((this.value / (this.max - this.min)) 100);\n\n\t\treturn (\n\t\t\t<div class='flex w-inherit items-center gap-2 text-black-teal-300'>\n\t\t\t\t<p-icon variant='minus' />\n\t\t\t\t<div class='relative h-6 flex-1'>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tstep={this.step}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={ev =>\n\t\t\t\t\t\t\tthis.valueChange.emit((ev.target as HTMLInputElement).value)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300'\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: `calc(${percentage}% - (1rem * ${percentage} / 100))`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<p-icon variant='plus' />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
1	+ {"file":"p-C0orhMYr.js","mappings":";;;AAAA,MAAM,iBAAiB,GAAG,q/EAAq/E;;MCOlgF,KAAK,iBAAAA,kBAAA,CAAA,MAAA,KAAA,SAAAC,CAAA,CAAA;;;;;;;AACjB;;AAEG;IACK,GAAG,GAAW,CAAC;AAEvB;;AAEG;IACK,GAAG,GAAW,GAAG;AAEzB;;AAEG;IACK,IAAI,GAAW,GAAG;AAE1B;;AAEG;IACK,KAAK,GAAW,CAAC;AAEzB;;AAEG;AACwB,IAAA,WAAW;IAEtC,MAAM,GAAA;QACL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;QAEzE,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,uDAAuD,EAAA,EACjE,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,OAAO,EAAG,CAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,qBAAqB,EAAA,EAC/B,CACC,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,OAAO,EACZ,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,EAAE,IACV,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,EAAE,CAAC,MAA2B,CAAC,KAAK,CAAC,EAE5D,CAAA,EACF,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAC,kFAAkF,EACxF,KAAK,EAAE;AACN,gBAAA,KAAK,EAAE,CAAA,KAAA,EAAQ,UAAU,CAAA,YAAA,EAAe,UAAU,CAAU,QAAA,CAAA;AAC5D,aAAA,EAAA,CACK,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,OAAO,EAAC,MAAM,EAAG,CAAA,CACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/range/range.component.css?tag=p-range&encapsulation=shadow","src/components/molecules/range/range.component.tsx"],"sourcesContent":[":host {\n\tinput {\n\t\t@apply m-0 h-6 w-full appearance-none;\n\t}\n\n\tinput::-webkit-slider-runnable-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-moz-range-track {\n\t\t@apply h-[2px] bg-off-white-700;\n\t}\n\n\tinput::-webkit-slider-thumb {\n\t\t@apply mt-[calc((0.5rem-1px)-1)] h-4 w-4 appearance-none rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n\n\tinput::-moz-range-thumb {\n\t\t@apply h-4 w-4 rounded-full border-0;\n\t\t@apply bg-black-teal-300 hover:cursor-grab hover:bg-black-teal active:cursor-grabbing active:bg-black-teal;\n\t}\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-range',\n\tstyleUrl: 'range.component.css',\n\tshadow: true,\n})\nexport class Range {\n\t/\n\t The min value of the range\n\t /\n\t@Prop() min: number = 0;\n\n\t/\n\t The max value of the range\n\t /\n\t@Prop() max: number = 100;\n\n\t/\n\t The steps to go by\n\t /\n\t@Prop() step: number = 0.5;\n\n\t/\n\t The current value of the range\n\t /\n\t@Prop() value: number = 0;\n\n\t/\n\t Event whenever the value changes\n\t /\n\t@Event({ bubbles: false }) valueChange: EventEmitter<string>;\n\n\trender() {\n\t\tconst percentage = Math.round((this.value / (this.max - this.min)) 100);\n\n\t\treturn (\n\t\t\t<div class='flex w-inherit items-center gap-2 text-black-teal-300'>\n\t\t\t\t<p-icon variant='minus' />\n\t\t\t\t<div class='relative h-6 flex-1'>\n\t\t\t\t\t<input\n\t\t\t\t\t\ttype='range'\n\t\t\t\t\t\tmin={this.min}\n\t\t\t\t\t\tmax={this.max}\n\t\t\t\t\t\tstep={this.step}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={ev =>\n\t\t\t\t\t\t\tthis.valueChange.emit((ev.target as HTMLInputElement).value)\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='z-1 absolute left-0 top-1/2 h-[2px] -translate-y-1/2 transform bg-black-teal-300'\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: `calc(${percentage}% - (1rem * ${percentage} / 100))`,\n\t\t\t\t\t\t}}\n\t\t\t\t\t></div>\n\t\t\t\t</div>\n\t\t\t\t<p-icon variant='plus' />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-BOXJAotb.js → p-Co2ou8dJ.js} RENAMED Viewed

@@ -2,12 +2,11 @@ import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
 import { c as cva } from './p-CBWjHURv.js';
 import { a as asBoolean } from './p-C5CTp9IA.js';
-import { d as defineCustomElement$6 } from './p-CDn6XmsX.js';
-import { d as defineCustomElement$5 } from './p-C0ZWBE1t.js';
-import { d as defineCustomElement$4 } from './p-CA6-0EkK.js';
-import { d as defineCustomElement$3 } from './p-CR0XljUt.js';
-import { d as defineCustomElement$2 } from './p-C78xNd-5.js';
-import { d as defineCustomElement$1 } from './p-BuB74H5T.js';
+import { d as defineCustomElement$5 } from './p-CDn6XmsX.js';
+import { d as defineCustomElement$4 } from './p-lEv83blc.js';
+import { d as defineCustomElement$3 } from './p-K1js1IEU.js';
+import { d as defineCustomElement$2 } from './p-CR0XljUt.js';
+import { d as defineCustomElement$1 } from './p-C78xNd-5.js';
 const defaultSize = 12;
 const defaultSizeOptions = [12, 24, 68, 136];
@@ -76,11 +75,11 @@ const PaginationSize = /*@__PURE__*/ proxyCustomElement(class PaginationSize ext
         this._setLocales();
     }
     render() {
-        return (h(Host, { key: '0bedacfb0ced2a2d1c0563899fa0992d340fe32d', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: 'b0e84e042bcc9b7f2579fec353e3f7cc7bc00f02', variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', calculateWidth: true, onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: 'af5fce9c48390ec340aafc37862d3bf1da3df914', class: trigger({
+        return (h(Host, { key: '0bedacfb0ced2a2d1c0563899fa0992d340fe32d', class: paginationSize({ hidden: asBoolean(this.hidden) }) }, h("p-dropdown", { key: '4e2bd4c3f2b7cdca473aac3dc117c64ccd9afd92', applyFullWidth: true, applyMaxWidth: false, variant: 'dark-teal', placement: 'top-start', chevronDirection: 'down', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, h("div", { key: '7d671786ce4a1b9fb54ba4455c852cbd2a23fab5', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, h("p", { key: '77054a9f59a1c02473e8e7bb8bd282db1015cb2b', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, h("p", { key: '27d0ae9cd6788bf3a9d1f9e7a4b6567917d720f9', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'd3705b1e20da6ad84b3b465ef9d81d8f9ae4447a', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: '0847b3da964d2a6d312c4df24ce1025c46f019fa', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            : this._defaultItemTemplate(this.size)), h("p-icon", { key: 'f7a955f8dfc6827cec5b4acbe2b32e66b3c5d8da', class: 'flex-shrink-0', variant: 'double-caret', size: 'sm' })), h("slot", { key: 'aad2297e00c21b575b52a42755bcfd17a7893fb4', slot: 'items' }, this.sizeOptions.map(option => (h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }
@@ -107,7 +106,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-pagination-size", "p-checkbox", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon", "p-portal"];
+    const components = ["p-pagination-size", "p-checkbox", "p-dropdown", "p-dropdown-menu-container", "p-dropdown-menu-item", "p-icon"];
     components.forEach(tagName => { switch (tagName) {
         case "p-pagination-size":
             if (!customElements.get(tagName)) {
@@ -115,31 +114,26 @@ function defineCustomElement() {
             }
             break;
         case "p-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "p-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "p-dropdown-menu-container":
+        case "p-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "p-dropdown-menu-item":
+        case "p-dropdown-menu-container":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "p-icon":
+        case "p-dropdown-menu-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "p-portal":
+        case "p-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }
@@ -149,6 +143,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PaginationSize as P, defaultSize as a, defaultSizeOptions as b, defineCustomElement as d };
-//# sourceMappingURL=p-BOXJAotb.js.map
+//# sourceMappingURL=p-Co2ou8dJ.js.map
-//# sourceMappingURL=p-BOXJAotb.js.map
+//# sourceMappingURL=p-Co2ou8dJ.js.map

package/dist/components/p-Co2ou8dJ.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"p-Co2ou8dJ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/size/constants.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n","","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-white font-medium ',\n\t\t'cursor-pointer rounded-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: 'bg-dark-teal-400 hover:bg-dark-teal-500',\n\t\t\t\ttrue: 'bg-dark-teal-600',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tvariant='dark-teal'\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass='flex-shrink-0'\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\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 _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"version":3}

package/dist/components/{p-C9wY-Brb.js → p-CwukMUJw.js} RENAMED Viewed

@@ -51,7 +51,7 @@ const PaginationPages = /*@__PURE__*/ proxyCustomElement(class PaginationPages e
         this._generate();
     }
     render() {
-        return (h("div", { key: '9059f6aa4e17968f81d3f33ea23834ce98b2a2d0', class: pagination({
+        return (h("div", { key: 'bccb65d88acb1a7c75ab3ad452ad87c4254cc30c', class: pagination({
                 hidden: this.hideOnSinglePage && this._set?.length === 3,
             }) }, this._set?.map(p => {
             if (p.type === 'previous' || p.type === 'next') {
@@ -242,6 +242,6 @@ function defineCustomElement() {
 defineCustomElement();
 export { PaginationPages as P, defineCustomElement as d };
-//# sourceMappingURL=p-C9wY-Brb.js.map
+//# sourceMappingURL=p-CwukMUJw.js.map
-//# sourceMappingURL=p-C9wY-Brb.js.map
+//# sourceMappingURL=p-CwukMUJw.js.map

package/dist/components/{p-C9wY-Brb.js.map → p-CwukMUJw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C9wY-Brb.js","mappings":";;;;;AAAA,MAAM,2BAA2B,GAAG,8LAA8L;;ACQlO,MAAM,UAAU,GAAG,GAAG,CAAC,CAAC,cAAc,EAAE,yBAAyB,CAAC,EAAE;AACnE,IAAA,QAAQ,EAAE;AACT,QAAA,MAAM,EAAE;AACP,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,IAAI,EAAE,QAAQ;AACd,SAAA;AACD,KAAA;AACD,CAAA,CAAC;MAOW,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;AAC3B;;AAEG;IACqC,IAAI,GAAW,CAAC;AAExD;;AAEG;AAIH,IAAA,UAAU;AAEV;;AAEG;IACK,QAAQ,GAAW,EAAE;AAE7B;;AAEG;IACK,gBAAgB,GAAY,KAAK;AAEzC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACwB,IAAA,WAAW;IAE9B,MAAM,GAAa,EAAE;IACrB,IAAI,GAAwB,EAAE;IAEtC,mBAAmB,GAAA;QAClB,IAAI,CAAC,SAAS,EAAE;;IAGjB,MAAM,GAAA;AACL,QAAA,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACC,KAAK,EAAE,UAAU,CAAC;gBACjB,MAAM,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC;aACxD,CAAC,EAAA,EAED,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAG;AACnB,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,EAAE;AAC/C,gBAAA,QACC,CACC,CAAA,yBAAA,EAAA,EAAA,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,EACxC,OAAO,EAAE,MACR,CAAC,CAAC,IAAI,KAAK;AACV,0BAAE,IAAI,CAAC,cAAc;AACrB,0BAAE,IAAI,CAAC,UAAU,EAAE,EAGpB,EAAA,CAAC,CAAC,KAAK,CACiB;;AAI5B,YAAA,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,EAAE;AAC1B,gBAAA,QACC,CAAyB,CAAA,yBAAA,EAAA,EAAA,KAAK,EAAE,KAAK,EAAA,EAAA,KAAA,CAEX;;AAI5B,YAAA,QACC,CAAA,CAAA,yBAAA,EAAA,EACC,MAAM,EAAE,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,IAAI,EAC7B,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAe,CAAC,EAAA,EAEhD,CAAC,CAAC,KAAK,CACiB;SAE3B,CAAC,CACG;;IAOE,iBAAiB,GAAA;QAC1B,IAAI,CAAC,SAAS,EAAE;;IAGT,SAAS,GAAA;AAChB,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,cAAc,EAAE;AACnC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;QAE/B,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE;YACpC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;;;AAI9B,IAAA,WAAW,CAAC,CAAU,EAAA;QAC7B,IAAI,CAAC,CAAC,EAAE;YACP;;AAGD,QAAA,IAAI,CAAC,IAAI,GAAG,CAAC;QACb,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGxB,cAAc,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;YACvC;;QAGD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;;IAGxB,UAAU,GAAG,MAAK;AACzB,QAAA,IAAI,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE;YACnC;;QAGD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;AAChC,KAAC;AAEO,IAAA,iBAAiB,GAAG,CAAC,IAAyB,KAAI;AACzD,QAAA,IAAI,IAAI,KAAK,MAAM,EAAE;AACpB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC;AAC9B,YAAA,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE;AACnD,gBAAA,OAAO,IAAI;;;AAIb,QAAA,IAAI,IAAI,KAAK,UAAU,EAAE;AACxB,YAAA,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC;YAClC,IAAI,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;AAClC,gBAAA,OAAO,IAAI;;;AAIb,QAAA,OAAO,KAAK;AACb,KAAC;AAEO,IAAA,UAAU,GAAG,CAAC,CAAU,KAAK,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IAEhD,cAAc,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClC,YAAA,OAAO,EAAE;;AAGV,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;AACnD,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;QAC5B,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;;IAGrD,YAAY,GAAG,CACtB,KAAgB,GAAA,CAAC,EACjB,gBAA4B,GAAA,IAAI,KACR;AACxB,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM;QAErC,IAAI,CAAC,UAAU,EAAE;AAChB,YAAA,OAAO,EAAE;;AAGV,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK;AAC7B,QAAA,IAAI,GAAG,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK;AAE3B,QAAA,IAAI,GAAG,GAAG,UAAU,EAAE;YACrB,GAAG,GAAG,UAAU;AAChB,YAAA,KAAK,GAAG,UAAU,GAAG,KAAK,GAAG,CAAC;AAC9B,YAAA,KAAK,GAAG,KAAK,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK;;AAG9B,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;YACf,KAAK,GAAG,CAAC;AACT,YAAA,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;;QAG1C,MAAM,GAAG,GAAG,EAAE;AAEd,QAAA,MAAM,QAAQ,GAAG;AAChB,YAAA,IAAI,EAAE,UAAU;YAChB,KAAK,GACJ,CACC,CAAA,QAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,EAAE,GACT,CACF;SACD;AAED,QAAA,MAAM,IAAI,GAAG;AACZ,YAAA,IAAI,EAAE,MAAM;YACZ,KAAK,GACJ,CAAA,CAAA,QAAA,EAAA,EACC,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,GAAG,GACV,CACF;SACD;;AAGD,QAAA,IAAI,KAAK,KAAK,IAAI,EAAE;AACnB,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK;AAC/B,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,KAAK,EAAE,CAAC;AACR,aAAA,CAAC,CAAC;AAEH,YAAA,OAAO,gBAAgB,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC;;QAGrD,IAAI,gBAAgB,EAAE;AACrB,YAAA,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGnB,QAAA,IAAI,KAAK,IAAI,CAAC,EAAE;AACf,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;gBAC/B,GAAG,CAAC,IAAI,CAAC;AACR,oBAAA,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,iBAAA,CAAC;;;aAEG;YACN,GAAG,CAAC,IAAI,CAAC;AACR,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,KAAK,EAAE,CAAC;AACR,aAAA,CAAC;YAEF,GAAG,CAAC,IAAI,CAAC;AACR,gBAAA,IAAI,EAAE,UAAU;AAChB,gBAAA,KAAK,EAAE,UAAU;AACjB,aAAA,CAAC;;AAGH,QAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;YAClC,GAAG,CAAC,IAAI,CAAC;AACR,gBAAA,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,aAAA,CAAC;;AAGH,QAAA,IAAI,GAAG,IAAI,UAAU,GAAG,CAAC,EAAE;AAC1B,YAAA,KAAK,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC,EAAE,EAAE;gBAC3C,GAAG,CAAC,IAAI,CAAC;AACR,oBAAA,IAAI,EAAE,MAAM;oBACZ,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AACzB,iBAAA,CAAC;;;aAEG;YACN,GAAG,CAAC,IAAI,CAAC;AACR,gBAAA,IAAI,EAAE,UAAU;AAChB,aAAA,CAAC;YAEF,GAAG,CAAC,IAAI,CAAC;AACR,gBAAA,IAAI,EAAE,MAAM;AACZ,gBAAA,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAC1C,aAAA,CAAC;;QAGH,IAAI,gBAAgB,EAAE;AACrB,YAAA,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;;AAGf,QAAA,OAAO,GAAG;AACX,KAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number \| Element \| JSX.Element \| string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\n\t/*\n\t The current page\n\t /\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/\n\t The amount of items per page\n\t /\n\t@Prop() pageSize: number = 12;\n\n\t/\n\t Wether to hide when there is only 1 page available\n\t /\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/\n\t The total amount of items\n\t /\n\t@Prop() total!: number;\n\n\t/\n\t The pages that were generated\n\t /\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' \|\| p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' \| 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total \|\| !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"],"version":3}
1	+ {"file":"p-CwukMUJw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.tsx"],"sourcesContent":["","import { Component, Event, EventEmitter, h, Prop, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number \| Element \| JSX.Element \| string;\n};\n\nconst pagination = cva(['p-pagination', 'flex gap-2 items-center'], {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: 'flex',\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-pagination-pages',\n\tstyleUrl: 'pagination-pages.component.css',\n\tshadow: true,\n})\nexport class PaginationPages {\n\t/*\n\t The current page\n\t /\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/\n\t Event whenever the page changes\n\t /\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/\n\t The amount of items per page\n\t /\n\t@Prop() pageSize: number = 12;\n\n\t/\n\t Wether to hide when there is only 1 page available\n\t /\n\t@Prop() hideOnSinglePage: boolean = false;\n\n\t/\n\t The total amount of items\n\t /\n\t@Prop() total!: number;\n\n\t/\n\t The pages that were generated\n\t /\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={pagination({\n\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\tif (p.type === 'previous' \|\| p.type === 'next') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<p-pagination-pages-item hover={false}>\n\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\tactive={p.value === this.page}\n\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t);\n\t}\n\n\t@Watch('page')\n\t@Watch('pageSize')\n\t@Watch('total')\n\tprotected pageChangeHandler() {\n\t\tthis._generate();\n\t}\n\n\tprivate _generate() {\n\t\tthis._pages = this._generatePages();\n\t\tthis._set = this._generateSet();\n\n\t\tif (this.page > this._pages?.length) {\n\t\t\tthis._changePage(this._pages.length);\n\t\t}\n\t}\n\n\tprivate _changePage(p?: number) {\n\t\tif (!p) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.page = p;\n\t\tthis.pageChange.emit(this.page);\n\t}\n\n\tprivate _previousClick() {\n\t\tif (this._carouselDisabled('previous')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page - 1);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tif (this._carouselDisabled('next')) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(this.page + 1);\n\t};\n\n\tprivate _carouselDisabled = (type: 'previous' \| 'next') => {\n\t\tif (type === 'next') {\n\t\t\tconst nextPage = this.page + 1;\n\t\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\tif (type === 'previous') {\n\t\t\tconst previousPage = this.page - 1;\n\t\t\tif (previousPage < this._pages[0]) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tprivate _pageClick = (p?: number) => this._changePage(p);\n\n\tprivate _generatePages() {\n\t\tif (!this.total \|\| !this.pageSize) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst pages = Math.ceil(this.total / this.pageSize);\n\t\tthis.pagesChange.emit(pages);\n\t\treturn new Array(pages).fill(undefined).map((_, i) => i + 1);\n\t}\n\n\tprivate _generateSet = (\n\t\trange: number = 1,\n\t\tenableBoundaries: boolean = true\n\t): PaginationSetItem[] => {\n\t\tconst totalPages = this._pages.length;\n\n\t\tif (!totalPages) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet start = this.page - range;\n\t\tlet end = this.page + range;\n\n\t\tif (end > totalPages) {\n\t\t\tend = totalPages;\n\t\t\tstart = totalPages - range 2;\n\t\t\tstart = start < 1 ? 1 : start;\n\t\t}\n\n\t\tif (start <= 1) {\n\t\t\tstart = 1;\n\t\t\tend = Math.min(range * 2 + 1, totalPages);\n\t\t}\n\n\t\tconst set = [];\n\n\t\tconst previous = {\n\t\t\ttype: 'previous',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\tconst next = {\n\t\t\ttype: 'next',\n\t\t\tvalue: (\n\t\t\t\t<p-icon\n\t\t\t\t\tvariant='caret'\n\t\t\t\t\tsize='sm'\n\t\t\t\t\trotate={-90}\n\t\t\t\t/>\n\t\t\t),\n\t\t};\n\n\t\t// Disable page range, display all the pages\n\t\tif (range === null) {\n\t\t\tconst p = this._pages.map(p => ({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: p,\n\t\t\t}));\n\n\t\t\treturn enableBoundaries ? [previous, ...p, next] : p;\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(previous);\n\t\t}\n\n\t\tif (start <= 3) {\n\t\t\tfor (let i = 1; i < start; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: 1,\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t\tvalue: 'ellipsis',\n\t\t\t});\n\t\t}\n\n\t\tfor (let i = start; i <= end; i++) {\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (end >= totalPages - 2) {\n\t\t\tfor (let i = end + 1; i <= totalPages; i++) {\n\t\t\t\tset.push({\n\t\t\t\t\ttype: 'page',\n\t\t\t\t\tvalue: this._pages[i - 1],\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tset.push({\n\t\t\t\ttype: 'ellipsis',\n\t\t\t});\n\n\t\t\tset.push({\n\t\t\t\ttype: 'page',\n\t\t\t\tvalue: this._pages[this._pages.length - 1],\n\t\t\t});\n\t\t}\n\n\t\tif (enableBoundaries) {\n\t\t\tset.push(next);\n\t\t}\n\n\t\treturn set;\n\t};\n}\n"],"version":3}