@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/cjs/p-navigation-item.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-navigation-item.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,0BAA0B,GAAG,i/CAAi/C;;ACIphD,MAAM,cAAc,GAAGA,WAAG,CACzB;EACC,iBAAiB;EACjB,yBAAyB;EACzB,+CAA+C;EAC/C,YAAY;EACZ,WAAW;EACX,qBAAqB;EACrB,gBAAgB;CAChB,EACD;EACC,QAAQ,EAAE;IACT,MAAM,EAAE;MACP,KAAK,EAAE,CAAC,oBAAoB,CAAC;MAC7B,IAAI,EAAE,CAAC,oDAAoD,CAAC;KAC5D;IACD,IAAI,EAAE;MACL,KAAK,EAAE,KAAK;MACZ,IAAI,EAAE,CAAC,MAAM,CAAC;KACd;GACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAGA,WAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;EACC,QAAQ,EAAE;IACT,MAAM,EAAE;MACP,KAAK,EAAE,KAAK;MACZ,IAAI,EAAE,CAAC,qBAAqB,CAAC;KAC7B;GACD;CACD,CACD,CAAC;MAOW,cAAc;;;;kBASA,KAAK;cAKV,GAAG;;;;;EAiBxB,MAAM;IACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;IACxB,QACCC,QAACC,UAAI,IAAC,KAAK,EAAC,gCAAgC,IAC3CD,QAAC,OAAO,IACP,KAAK,EAAE,cAAc,CAAC;QACrB,MAAM,EAAE,IAAI,CAAC,MAAM;QACnB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;OACjB,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBA,iBAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,IAC/DA,oBAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB,EAENA,kBAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACzCA,qBAAQ,CACF,EAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,KACtCA,yBAAU,IAAI,CAAC,OAAO,CAAW,CACjC,CACQ,CACJ,EACN;GACF;;;;;;","names":["cva","h","Host"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":["// :host {\n// \t@apply mb-1 inline-block w-full;\n//\n// \t> a {\n// \t\t@apply h-8 w-full cursor-pointer rounded-lg px-2 no-underline;\n// \t\t@apply flex items-center gap-2;\n// \t\t@apply font-semibold text-storm;\n//\n// \t\t@apply hover:bg-indigo-light;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-storm;\n// \t\t}\n//\n// \t\t> span {\n// \t\t\t@apply mr-auto;\n// \t\t}\n// \t}\n// }\n//\n// :host(.active) {\n// \t> a {\n// \t\t@apply bg-indigo-light text-indigo;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'text-black-teal-400 hover:text-black-teal-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.scss',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\t\treturn (\n\t\t\t<Host class='p-navigation-item inline-block'>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\tactive: this.active,\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active: this.active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-navigation-item.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,0BAA0B,GAAG,qhDAAqhD,CAAC;AACzjD,8BAAe,0BAA0B;;ACIzC,MAAM,cAAc,GAAGA,WAAG,CACzB;IACC,iBAAiB;IACjB,yBAAyB;IACzB,+CAA+C;IAC/C,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,gBAAgB;CAChB,EACD;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,CAAC,oBAAoB,CAAC;YAC7B,IAAI,EAAE,CAAC,oDAAoD,CAAC;SAC5D;QACD,IAAI,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,MAAM,CAAC;SACd;KACD;CACD,CACD,CAAC;AAEF,MAAM,2BAA2B,GAAGA,WAAG,CACtC,CAAC,mEAAmE,CAAC,EACrE;IACC,QAAQ,EAAE;QACT,MAAM,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,CAAC,qBAAqB,CAAC;SAC7B;KACD;CACD,CACD,CAAC;MAOW,cAAc;;;;sBASA,KAAK;uBAKJ,KAAK;kBAKX,GAAG;;;;;;IAsBxB,MAAM;QACL,MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC;QAExB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAE7D,QACCC,QAACC,UAAI,qDAAC,KAAK,EAAEC,KAAE,CAAC,gCAAgC,EAAE,IAAI,CAAC,KAAK,CAAC,IAC5DF,QAAC,OAAO,qDACP,KAAK,EAAE,cAAc,CAAC;gBACrB,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;gBACjB,MAAM;aACN,CAAC,EACF,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,IAEnBA,kEAAK,KAAK,EAAE,2BAA2B,CAAC,EAAE,MAAM,EAAE,CAAC,IAClDA,qEAAQ,OAAO,EAAE,IAAI,CAAC,IAAI,GAAI,CACzB,EAENA,mEAAM,KAAK,EAAE,IAAI,CAAC,OAAO,IAAI,aAAa,IACzCA,oEAAQ,CACF,EAEN,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,KAAK,GAAG,KACtCA,wEAAU,IAAI,CAAC,OAAO,CAAW,CACjC,EAEA,CAAC,CAAC,IAAI,CAAC,OAAO,IAAIA,uEAAU,KAAK,EAAC,SAAS,GAAG,CACtC,CACJ,EACN;KACF;;;;;;","names":["cva","h","Host","cn"],"sources":["src/components/molecules/navigation-item/navigation-item.component.scss?tag=p-navigation-item","src/components/molecules/navigation-item/navigation-item.component.tsx"],"sourcesContent":["// :host {\n// \t@apply mb-1 inline-block w-full;\n//\n// \t> a {\n// \t\t@apply h-8 w-full cursor-pointer rounded-lg px-2 no-underline;\n// \t\t@apply flex items-center gap-2;\n// \t\t@apply font-semibold text-storm;\n//\n// \t\t@apply hover:bg-indigo-light;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-storm;\n// \t\t}\n//\n// \t\t> span {\n// \t\t\t@apply mr-auto;\n// \t\t}\n// \t}\n// }\n//\n// :host(.active) {\n// \t> a {\n// \t\t@apply bg-indigo-light text-indigo;\n//\n// \t\t> p-icon {\n// \t\t\t@apply text-indigo;\n// \t\t}\n// \t}\n// }\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { IconVariant } from '../../atoms/icon/icon.component';\nimport { cn } from '../../../utils/cn';\n\nconst navigationItem = cva(\n\t[\n\t\t'h-8 w-[inherit]',\n\t\t'flex items-center gap-2',\n\t\t'text-black-teal-400 hover:text-black-teal-500',\n\t\t'rounded-lg',\n\t\t'py-1 px-2',\n\t\t'text-sm font-medium',\n\t\t'cursor-pointer',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: ['hover:bg-off-white'],\n\t\t\t\ttrue: ['bg-off-white-600 text-black-teal-500 font-semibold'],\n\t\t\t},\n\t\t\ticon: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['pl-1'],\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst navigationItemIconContainer = cva(\n\t['flex h-6 aspect-branding items-center justify-center rounded-full'],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: false,\n\t\t\t\ttrue: ['bg-supportive-lilac'],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-navigation-item',\n\tstyleUrl: './navigation-item.component.scss',\n\tshadow: false,\n})\nexport class NavigationItem {\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon!: IconVariant;\n\n\t/**\n\t * Wether the navigation item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the navigation item is loading\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The element to use for the navigation item\n\t */\n\t@Prop() as: string = 'a';\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() counter: number | string;\n\n\t/**\n\t * The href of the navigation item\n\t */\n\t@Prop() href: string;\n\n\t/**\n\t * The target of the navigation item\n\t */\n\t@Prop() target: string;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\trender() {\n\t\tconst TagType = this.as;\n\n\t\tconst active = this.active || this.class?.includes('active');\n\n\t\treturn (\n\t\t\t<Host class={cn('p-navigation-item inline-block', this.class)}>\n\t\t\t\t<TagType\n\t\t\t\t\tclass={navigationItem({\n\t\t\t\t\t\ticon: !!this.icon,\n\t\t\t\t\t\tactive,\n\t\t\t\t\t})}\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t>\n\t\t\t\t\t<div class={navigationItemIconContainer({ active })}>\n\t\t\t\t\t\t<p-icon variant={this.icon} />\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<span class={this.counter && 'has-counter'}>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</span>\n\n\t\t\t\t\t{!!this.counter && this.counter !== '0' && (\n\t\t\t\t\t\t<p-badge>{this.counter}</p-badge>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!!this.loading && <p-loader class='ml-auto' />}\n\t\t\t\t</TagType>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-navigation-section.cjs.entry.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3f9bbc0c.js');
+
+const navigationSectionComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";
+const PNavigationSectionStyle0 = navigationSectionComponentCss;
+
+const NavigationSection = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.header = undefined;
+    }
+    render() {
+        return (index.h(index.Host, { key: '796e5ed44de63dc1f59630dad492272b6451ed0e', class: 'p-navigation-section flex flex-col gap-2' }, this.header?.length > 0 && (index.h("p-navigation-title", { key: '09d6b3680a110b5cd88d5cc9b5265c4b604c8ab3' }, this.header)), index.h("div", { key: '646ea16ad875dcfdf40aeb12657d946c39f44b3b', class: 'flex flex-col' }, index.h("slot", { key: 'c11b12a07b3a65b5ca1e8d61910d8a5160e32ea7' }))));
+    }
+};
+NavigationSection.style = PNavigationSectionStyle0;
+
+exports.p_navigation_section = NavigationSection;
+
+//# sourceMappingURL=p-navigation-section.cjs.entry.js.map

package/dist/cjs/p-navigation-section.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-navigation-section.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,6BAA6B,GAAG,8JAA8J,CAAC;AACrM,iCAAe,6BAA6B;;MCK/B,iBAAiB;;;;;IAM7B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,0CAA0C,IACpD,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,KACvBD,mFAAqB,IAAI,CAAC,MAAM,CAAsB,CACtD,EAEDA,kEAAK,KAAK,EAAC,eAAe,IACzBA,oEAAQ,CACH,CACA,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/molecules/navigation-section/navigation-section.component.scss?tag=p-navigation-section","src/components/molecules/navigation-section/navigation-section.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-section',\n\tstyleUrl: 'navigation-section.component.scss',\n})\nexport class NavigationSection {\n\t/**\n\t * The header of the section\n\t */\n\t@Prop() header: string;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-section flex flex-col gap-2'>\n\t\t\t\t{this.header?.length > 0 && (\n\t\t\t\t\t<p-navigation-title>{this.header}</p-navigation-title>\n\t\t\t\t)}\n\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-navigation-title.cjs.entry.js

@@ -2,19 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
+const index = require('./index-3f9bbc0c.js');
 
 const navigationTitleComponentCss = "*{box-sizing:border-box}.static{position:static!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-medium{font-weight:500!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}";
+const PNavigationTitleStyle0 = navigationTitleComponentCss;
 
 const NavigationTitle = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, { class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        return (index.h(index.Host, { key: '03f65d5a95070603d879ebb523bef42234c2b84c', class: 'p-navigation-title text-xs font-medium text-black-teal-300' }, index.h("slot", { key: '77812e71ced0173f0794306d312b8f93d3576aad' })));
+    }
 };
-NavigationTitle.style = navigationTitleComponentCss;
+NavigationTitle.style = PNavigationTitleStyle0;
 
 exports.p_navigation_title = NavigationTitle;
 

package/dist/cjs/p-navigation-title.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-navigation-title.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q;;MCOtS,eAAe;;;;EAC3B,MAAM;IACL,QACCA,QAACC,UAAI,IAAC,KAAK,EAAC,4DAA4D,IACvED,qBAAQ,CACF,EACN;GACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-navigation-title.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,+QAA+Q,CAAC;AACpT,+BAAe,2BAA2B;;MCM7B,eAAe;;;;IAC3B,MAAM;QACL,QACCA,QAACC,UAAI,qDAAC,KAAK,EAAC,4DAA4D,IACvED,oEAAQ,CACF,EACN;KACF;;;;;;","names":["h","Host"],"sources":["src/components/atoms/navigation-title/navigation-title.component.scss?tag=p-navigation-title","src/components/atoms/navigation-title/navigation-title.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-navigation-title',\n\tstyleUrl: 'navigation-title.component.scss',\n\tshadow: false,\n})\nexport class NavigationTitle {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-navigation-title text-xs font-medium text-black-teal-300'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/cjs/p-page-size-select_3.cjs.entry.js

@@ -2,220 +2,228 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-02e05522.js');
-const localization = require('./localization-9132fab0.js');
+const index = require('./index-3f9bbc0c.js');
+const localization = require('./localization-3a0a71db.js');
 const constants = require('./constants-f911468d.js');
 
 const PageSizeSelect = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.sizeChange = index.createEvent(this, "sizeChange", 3);
-    this._defaultButtonTemplate = size => localization.formatTranslation(this._locales.item, { size });
-    this._defaultItemTemplate = size => localization.formatTranslation(this._locales.item, { size });
-    this.size = constants.defaultSize;
-    this.sizeOptions = constants.defaultSizeOptions;
-    this.chevronPosition = 'start';
-    this.buttonSize = 'sm';
-    this.buttonTemplate = this._defaultButtonTemplate;
-    this.itemTemplate = this._defaultItemTemplate;
-    this.hidden = false;
-    this._locales = {};
-  }
-  componentWillLoad() {
-    this._setLocales();
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-page-size-select ${this.hidden && 'hidden'}` }, index.h("p-dropdown", { placement: 'top-start', chevronPosition: this.chevronPosition, chevronDirection: 'down' }, index.h("p-button", { variant: 'secondary', slot: 'trigger', size: this.buttonSize }, this.buttonTemplate
-      ? this.buttonTemplate(this.size)
-      : this._defaultButtonTemplate(this.size)), index.h("slot", { slot: 'items' }, this.sizeOptions.map(option => (index.h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
-      ? this.itemTemplate(option)
-      : this._defaultItemTemplate(option))))))));
-  }
-  async _setLocales() {
-    this._locales = await localization.getLocaleComponentStrings(this._el);
-  }
-  _changeSize(s) {
-    if (!s) {
-      return;
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.sizeChange = index.createEvent(this, "sizeChange", 3);
+        this.size = constants.defaultSize;
+        this.sizeOptions = constants.defaultSizeOptions;
+        this.chevronPosition = 'start';
+        this.buttonSize = 'sm';
+        this.buttonTemplate = this._defaultButtonTemplate;
+        this.itemTemplate = this._defaultItemTemplate;
+        this.hidden = false;
+        this._locales = {};
+    }
+    _defaultButtonTemplate = size => localization.formatTranslation(this._locales.item, { size });
+    _defaultItemTemplate = size => localization.formatTranslation(this._locales.item, { size });
+    /**
+     * Event whenever the size changes
+     */
+    sizeChange;
+    get _el() { return index.getElement(this); }
+    componentWillLoad() {
+        this._setLocales();
+    }
+    render() {
+        return (index.h(index.Host, { key: 'fed0ed91432b016ba89756bbb1da23280d53fbad', class: `p-page-size-select ${this.hidden && 'hidden'}` }, index.h("p-dropdown", { key: 'e0c88d1e79a318d6722aa930d398c2885c25db55', placement: 'top-start', chevronPosition: this.chevronPosition, chevronDirection: 'down' }, index.h("p-button", { key: '5533afc447a3cc32e173e5043461e503d79d85ca', variant: 'secondary', slot: 'trigger', size: this.buttonSize }, this.buttonTemplate
+            ? this.buttonTemplate(this.size)
+            : this._defaultButtonTemplate(this.size)), index.h("slot", { key: '03b5da08593e42e2c632418d3c40621377e181c9', slot: 'items' }, this.sizeOptions.map(option => (index.h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            ? this.itemTemplate(option)
+            : this._defaultItemTemplate(option))))))));
+    }
+    async _setLocales() {
+        this._locales = await localization.getLocaleComponentStrings(this._el);
+    }
+    _changeSize(s) {
+        if (!s) {
+            return;
+        }
+        this.size = s;
+        this.sizeChange.emit(this.size);
     }
-    this.size = s;
-    this.sizeChange.emit(this.size);
-  }
-  get _el() { return index.getElement(this); }
 };
 
 const paginationComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";
+const PPaginationStyle0 = paginationComponentCss;
 
 const Pagination = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.pageChange = index.createEvent(this, "pageChange", 3);
-    this._pages = [];
-    this._set = [];
-    this._nextClick = () => {
-      const nextPage = this.page + 1;
-      if (nextPage > this._pages[this._pages.length - 1]) {
-        return;
-      }
-      this._changePage(nextPage);
-    };
-    this._pageClick = (p) => this._changePage(p);
-    this._generateSet = (range = 1, enableBoundaries = true) => {
-      const totalPages = this._pages.length;
-      if (!totalPages) {
-        return [];
-      }
-      let start = this.page - range;
-      let end = this.page + range;
-      if (end > totalPages) {
-        end = totalPages;
-        start = totalPages - range * 2;
-        start = start < 1 ? 1 : start;
-      }
-      if (start <= 1) {
-        start = 1;
-        end = Math.min(range * 2 + 1, totalPages);
-      }
-      const set = [];
-      const previous = {
-        type: 'previous',
-        value: (index.h("p-icon", { variant: 'caret', rotate: 90 })),
-      };
-      const next = {
-        type: 'next',
-        value: (index.h("p-icon", { variant: 'caret', rotate: -90 })),
-      };
-      // Disable page range, display all the pages
-      if (range === null) {
-        const p = this._pages.map(p => ({
-          type: 'page',
-          value: p,
-        }));
-        return enableBoundaries ? [previous, ...p, next] : p;
-      }
-      if (enableBoundaries) {
-        set.push(previous);
-      }
-      if (start <= 3) {
-        for (let i = 1; i < start; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
-        }
-      }
-      else {
-        set.push({
-          type: 'page',
-          value: 1,
-        });
-        set.push({
-          type: 'ellipsis',
-          value: 'ellipsis',
-        });
-      }
-      for (let i = start; i <= end; i++) {
-        set.push({
-          type: 'page',
-          value: this._pages[i - 1],
-        });
-      }
-      if (end >= totalPages - 2) {
-        for (let i = end + 1; i <= totalPages; i++) {
-          set.push({
-            type: 'page',
-            value: this._pages[i - 1],
-          });
-        }
-      }
-      else {
-        set.push({
-          type: 'ellipsis',
-        });
-        set.push({
-          type: 'page',
-          value: this._pages[this._pages.length - 1],
-        });
-      }
-      if (enableBoundaries) {
-        set.push(next);
-      }
-      return set;
-    };
-    this.page = 1;
-    this.pageSize = 12;
-    this.hideOnSinglePage = false;
-    this.total = undefined;
-  }
-  componentWillRender() {
-    this._generate();
-  }
-  render() {
-    var _a, _b;
-    return (index.h(index.Host, { class: `p-pagination ${this.hideOnSinglePage && ((_a = this._set) === null || _a === void 0 ? void 0 : _a.length) === 3 && 'hidden'}` }, (_b = this._set) === null || _b === void 0 ? void 0 : _b.map(p => {
-      if (p.type === 'previous' || p.type === 'next') {
-        return (index.h("p-pagination-item", { onClick: () => p.type === 'previous'
-            ? this._previousClick()
-            : this._nextClick() }, p.value));
-      }
-      if (p.type === 'ellipsis') {
-        return index.h("p-pagination-item", null, "...");
-      }
-      return (index.h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
-    })));
-  }
-  pageChangeHandler() {
-    this._generate();
-  }
-  _generate() {
-    var _a;
-    this._pages = this._generatePages();
-    this._set = this._generateSet();
-    if (this.page > ((_a = this._pages) === null || _a === void 0 ? void 0 : _a.length)) {
-      this._changePage(this._pages.length);
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.pageChange = index.createEvent(this, "pageChange", 3);
+        this.page = 1;
+        this.pageSize = 12;
+        this.hideOnSinglePage = false;
+        this.total = undefined;
+    }
+    /**
+     * Event whenever the page changes
+     */
+    pageChange;
+    _pages = [];
+    _set = [];
+    componentWillRender() {
+        this._generate();
     }
-  }
-  _changePage(p) {
-    if (!p) {
-      return;
+    render() {
+        return (index.h(index.Host, { key: '81016401bd076834a83260a0a081fc738867c08e', class: `p-pagination ${this.hideOnSinglePage && this._set?.length === 3 && 'hidden'}` }, this._set?.map(p => {
+            if (p.type === 'previous' || p.type === 'next') {
+                return (index.h("p-pagination-item", { onClick: () => p.type === 'previous'
+                        ? this._previousClick()
+                        : this._nextClick() }, p.value));
+            }
+            if (p.type === 'ellipsis') {
+                return index.h("p-pagination-item", null, "...");
+            }
+            return (index.h("p-pagination-item", { active: p.value === this.page, onClick: () => this._pageClick(p.value) }, p.value));
+        })));
     }
-    this.page = p;
-    this.pageChange.emit(this.page);
-  }
-  _previousClick() {
-    const previousPage = this.page - 1;
-    if (previousPage < this._pages[0]) {
-      return;
+    pageChangeHandler() {
+        this._generate();
     }
-    this._changePage(previousPage);
-  }
-  _generatePages() {
-    if (!this.total || !this.pageSize) {
-      return [];
+    _generate() {
+        this._pages = this._generatePages();
+        this._set = this._generateSet();
+        if (this.page > this._pages?.length) {
+            this._changePage(this._pages.length);
+        }
+    }
+    _changePage(p) {
+        if (!p) {
+            return;
+        }
+        this.page = p;
+        this.pageChange.emit(this.page);
+    }
+    _previousClick() {
+        const previousPage = this.page - 1;
+        if (previousPage < this._pages[0]) {
+            return;
+        }
+        this._changePage(previousPage);
     }
-    const pages = Math.ceil(this.total / this.pageSize);
-    return new Array(pages).fill(undefined).map((_, i) => i + 1);
-  }
-  static get watchers() { return {
-    "page": ["pageChangeHandler"],
-    "pageSize": ["pageChangeHandler"],
-    "total": ["pageChangeHandler"]
-  }; }
+    _nextClick = () => {
+        const nextPage = this.page + 1;
+        if (nextPage > this._pages[this._pages.length - 1]) {
+            return;
+        }
+        this._changePage(nextPage);
+    };
+    _pageClick = (p) => this._changePage(p);
+    _generatePages() {
+        if (!this.total || !this.pageSize) {
+            return [];
+        }
+        const pages = Math.ceil(this.total / this.pageSize);
+        return new Array(pages).fill(undefined).map((_, i) => i + 1);
+    }
+    _generateSet = (range = 1, enableBoundaries = true) => {
+        const totalPages = this._pages.length;
+        if (!totalPages) {
+            return [];
+        }
+        let start = this.page - range;
+        let end = this.page + range;
+        if (end > totalPages) {
+            end = totalPages;
+            start = totalPages - range * 2;
+            start = start < 1 ? 1 : start;
+        }
+        if (start <= 1) {
+            start = 1;
+            end = Math.min(range * 2 + 1, totalPages);
+        }
+        const set = [];
+        const previous = {
+            type: 'previous',
+            value: (index.h("p-icon", { variant: 'caret', rotate: 90 })),
+        };
+        const next = {
+            type: 'next',
+            value: (index.h("p-icon", { variant: 'caret', rotate: -90 })),
+        };
+        // Disable page range, display all the pages
+        if (range === null) {
+            const p = this._pages.map(p => ({
+                type: 'page',
+                value: p,
+            }));
+            return enableBoundaries ? [previous, ...p, next] : p;
+        }
+        if (enableBoundaries) {
+            set.push(previous);
+        }
+        if (start <= 3) {
+            for (let i = 1; i < start; i++) {
+                set.push({
+                    type: 'page',
+                    value: this._pages[i - 1],
+                });
+            }
+        }
+        else {
+            set.push({
+                type: 'page',
+                value: 1,
+            });
+            set.push({
+                type: 'ellipsis',
+                value: 'ellipsis',
+            });
+        }
+        for (let i = start; i <= end; i++) {
+            set.push({
+                type: 'page',
+                value: this._pages[i - 1],
+            });
+        }
+        if (end >= totalPages - 2) {
+            for (let i = end + 1; i <= totalPages; i++) {
+                set.push({
+                    type: 'page',
+                    value: this._pages[i - 1],
+                });
+            }
+        }
+        else {
+            set.push({
+                type: 'ellipsis',
+            });
+            set.push({
+                type: 'page',
+                value: this._pages[this._pages.length - 1],
+            });
+        }
+        if (enableBoundaries) {
+            set.push(next);
+        }
+        return set;
+    };
+    static get watchers() { return {
+        "page": ["pageChangeHandler"],
+        "pageSize": ["pageChangeHandler"],
+        "total": ["pageChangeHandler"]
+    }; }
 };
-Pagination.style = paginationComponentCss;
+Pagination.style = PPaginationStyle0;
 
 const paginationItemComponentCss = ".flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";
+const PPaginationItemStyle0 = paginationItemComponentCss;
 
 const PaginationItem = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.active = false;
-  }
-  render() {
-    return (index.h(index.Host, { class: `p-pagination-item ${this.active && 'active'}` }, index.h("slot", null)));
-  }
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.active = false;
+    }
+    render() {
+        return (index.h(index.Host, { key: '6a4e7f7bf424e158a087b7ba5e165f0f79293157', class: `p-pagination-item ${this.active && 'active'}` }, index.h("slot", { key: '5fc864a64664a7ea8d45228c25b6c3fb909515ad' })));
+    }
 };
-PaginationItem.style = paginationItemComponentCss;
+PaginationItem.style = PPaginationItemStyle0;
 
 exports.p_page_size_select = PageSizeSelect;
 exports.p_pagination = Pagination;

package/dist/cjs/p-page-size-select_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"p-page-size-select.p-pagination.p-pagination-item.entry.cjs.js","mappings":"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","names":["formatTranslation","defaultSize","defaultSizeOptions","h","Host","getLocaleComponentStrings"],"sources":["src/components/molecules/page-size-select/page-size-select.component.tsx","src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx","src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n\ttag: 'p-page-size-select',\n\tshadow: true,\n})\nexport class PageSizeSelect {\n\tprivate _defaultButtonTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\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 * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() buttonSize: 'sm' | 'base' = 'sm';\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\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 * 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={`p-page-size-select ${this.hidden && 'hidden'}`}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronPosition={this.chevronPosition}\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tsize={this.buttonSize}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.buttonTemplate\n\t\t\t\t\t\t\t? this.buttonTemplate(this.size)\n\t\t\t\t\t\t\t: this._defaultButtonTemplate(this.size)}\n\t\t\t\t\t</p-button>\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","p-pagination {\n\t@apply flex;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\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\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<Host\n\t\t\t\tclass={`p-pagination ${\n\t\t\t\t\tthis.hideOnSinglePage && this._set?.length === 3 && 'hidden'\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-item\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-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 <p-pagination-item>...</p-pagination-item>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-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-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\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\tconst previousPage = this.page - 1;\n\t\tif (previousPage < this._pages[0]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(previousPage);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tconst nextPage = this.page + 1;\n\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(nextPage);\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\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\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\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",":host {\n\t@apply h-8 w-8;\n\t@apply flex justify-center items-center;\n\t@apply font-semibold text-storm-medium text-sm;\n\t@apply rounded;\n\t@apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n\t@apply text-storm;\n}\n\n:host(.active) {\n\t@apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-pagination-item',\n\tstyleUrl: 'pagination-item.component.scss',\n\tshadow: true,\n})\nexport class PaginationItem {\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-pagination-item ${this.active && 'active'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}
+{"file":"p-page-size-select.p-pagination.p-pagination-item.entry.cjs.js","mappings":"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","names":["defaultSize","defaultSizeOptions","formatTranslation","h","Host","getLocaleComponentStrings"],"sources":["src/components/molecules/page-size-select/page-size-select.component.tsx","src/components/molecules/pagination/pagination.component.scss?tag=p-pagination","src/components/molecules/pagination/pagination.component.tsx","src/components/atoms/pagination-item/pagination-item.component.scss?tag=p-pagination-item&encapsulation=shadow","src/components/atoms/pagination-item/pagination-item.component.tsx"],"sourcesContent":["import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\n\nexport type templateFunc = (value: number) => string;\n\n@Component({\n\ttag: 'p-page-size-select',\n\tshadow: true,\n})\nexport class PageSizeSelect {\n\tprivate _defaultButtonTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\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 * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The size of the button\n\t */\n\t@Prop() buttonSize: 'sm' | 'base' = 'sm';\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() buttonTemplate: templateFunc = this._defaultButtonTemplate;\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 * 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={`p-page-size-select ${this.hidden && 'hidden'}`}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronPosition={this.chevronPosition}\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t>\n\t\t\t\t\t<p-button\n\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\tsize={this.buttonSize}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.buttonTemplate\n\t\t\t\t\t\t\t? this.buttonTemplate(this.size)\n\t\t\t\t\t\t\t: this._defaultButtonTemplate(this.size)}\n\t\t\t\t\t</p-button>\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","p-pagination {\n\t@apply flex;\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tProp,\n\tWatch,\n} from '@stencil/core';\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n};\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.scss',\n})\nexport class Pagination {\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\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<Host\n\t\t\t\tclass={`p-pagination ${\n\t\t\t\t\tthis.hideOnSinglePage && this._set?.length === 3 && 'hidden'\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-item\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-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 <p-pagination-item>...</p-pagination-item>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<p-pagination-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-item>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</Host>\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\tconst previousPage = this.page - 1;\n\t\tif (previousPage < this._pages[0]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(previousPage);\n\t}\n\n\tprivate _nextClick = () => {\n\t\tconst nextPage = this.page + 1;\n\t\tif (nextPage > this._pages[this._pages.length - 1]) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._changePage(nextPage);\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\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\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\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",":host {\n\t@apply h-8 w-8;\n\t@apply flex justify-center items-center;\n\t@apply font-semibold text-storm-medium text-sm;\n\t@apply rounded;\n\t@apply cursor-pointer;\n}\n\n:host(:hover),\n:host(:focus) {\n\t@apply text-storm;\n}\n\n:host(.active) {\n\t@apply text-indigo bg-indigo-light;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-pagination-item',\n\tstyleUrl: 'pagination-item.component.scss',\n\tshadow: true,\n})\nexport class PaginationItem {\n\t/**\n\t * Wether the pagination item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`p-pagination-item ${this.active && 'active'}`}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}