@paperless/core 2.14.14 → 2.14.16

package/dist/build/p-641222ac.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,F as r,g as i}from"./p-Dpmiv2da.js";import{c as o}from"./p-CBWjHURv.js";import{T as n}from"./p-C1iNEsnH.js";import{P as s,a as h}from"./p-vyRrSf5s.js";import{a as p}from"./p-BFSNj6hu.js";import{f as d,g}from"./p-DiJj8rmO.js";import{c}from"./p-CT54OXR2.js";import{a as m}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const l="*{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-solid{border-style:solid!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-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}";const w=o(["p-pagination","items-center gap-2","rounded-full","bg-off-white-300 border border-solid border-off-white-700","dark:bg-hurricane-500 dark:border-hurricane-400","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}});const f=class{constructor(a){t(this,a);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=true;enablePaginationSize=true;enablePaginationPages=true;page=1;total;pageSize=s;pageSizeOptions=h;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=true;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return a(n,{key:"bcde797de60d6429022c715ce087064cf02be38d"},a("div",{key:"8ec4343e86455080017a71aa0aab3c533ee2af6c",class:w({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&a(r,{key:"8d99901d0bc501b5aa66b40fd2a8c60415049f05"},a("p-pagination-size",{key:"8a5799ac33e9e84630c9eebc6f1c1a4931b325d5",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&a("p-divider",{key:"48900c21a0de1af114e4f0c784e8b680c7527d03",variant:"vertical",class:"mx-0 h-4 text-off-white-700 dark:text-hurricane-400"})),this.enablePaginationPages&&a("p-pagination-pages",{key:"9ffb6d5a3c282f14df3adcb99ffa16c0ed147b2c",pageSize:this.pageSize,total:this.total,page:this.page,hideOnSinglePage:this.hideOnSinglePage,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1;this.pagesChange.emit(t)}})))}_changePageSize(t){if(!t){return}this.pageSize=t;this.pageSizeChange.emit(this.pageSize)}};f.style=l;const b="*{box-sizing:border-box}.static{position:static!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.hidden{display:none!important}.w-28{width:7rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const u=o(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const v=class{constructor(a){t(this,a);this.pageChange=e(this,"pageChange",3);this.pagesChange=e(this,"pagesChange",3)}_defaultDropdownPageTemplate=t=>d(this._locales.page,{page:t});page=1;pageChange;dropdownPageTemplate=this._defaultDropdownPageTemplate;pageSize=s;hideOnSinglePage=false;total;pagesChange;_showDropdown=[false,false];_dropdowns=[];_locales={};get _el(){return i(this)}_pages=[];_set=[];componentWillLoad(){this._setLocales()}componentWillRender(){this._generate()}render(){return a(n,{key:"aaf3e71903ad861f039ceabfefbfdc0be38a6568"},a("div",{key:"41ffcc99576ba46d8b2f3730c7db0fec8823c1f8",class:u({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return a("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return a("p-dropdown",{placement:"top",applyChevron:false,insideClick:true,show:this._showDropdown[t.dropdownIndex],onIsOpen:({detail:e})=>this._onShowDropdown(e,t.dropdownIndex),ref:e=>this._dropdowns[t.dropdownIndex]=e},a("p-pagination-pages-item",{slot:"trigger"},"..."),a("slot",{slot:"items"},t.options?.slice(0,5).map((t=>a("p-dropdown-menu-item",{variant:"pagination",autoHeight:true,onClick:()=>this._pageClick(t)},this.dropdownPageTemplate?this.dropdownPageTemplate(t):this._defaultDropdownPageTemplate(t)))),t.options?.length>5&&this._showDropdown[t.dropdownIndex]&&a("p-field",{class:"mt-2 w-28",size:"sm",icon:"enter-key",iconPosition:"end",type:"number",properties:{min:1,max:this._pages.length,step:1},autoFocus:true,onEnter:({detail:t})=>this._enterPress(t)})))}return a("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)}))))}pageChangeHandler(){this._generate()}async _setLocales(){this._locales=await g(this._el)}documentClickHandler(t){const e=[false,false];if(this._dropdowns[0]&&p(t,this._dropdowns[0])){e[0]=true}if(this._dropdowns[1]&&p(t,this._dropdowns[1])){e[1]=true}this._showDropdown=e}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this._showDropdown=[false,false];this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_enterPress(t){if(typeof t==="string"){t=parseInt(t)}if(isNaN(t)){return}if(t<1){t=1}if(t>this._pages.length){t=this._pages.length}this._changePage(t)}_onShowDropdown(t=false,e){const a=[...this._showDropdown];a[e]=t;this._showDropdown=a}_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const r=this._pages.length;if(!r){return[]}let i=this.page-t;let o=this.page+t;if(o>r){o=r;i=r-t*2;i=i<1?1:i}if(i<=1){i=1;o=Math.min(t*2+1,r)}const n=[];const s={type:"previous",value:a("p-icon",{variant:"caret",size:"sm",rotate:90})};const h={type:"next",value:a("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[s,...t,h]:t}if(e){n.push(s)}let p=0;if(i<=3){for(let t=1;t<i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",dropdownIndex:p,options:Array.from({length:i-2},((t,e)=>e+2))});p++}for(let t=i;t<=o;t++){n.push({type:"page",value:this._pages[t-1]})}if(o>=r-2){for(let t=o+1;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis",dropdownIndex:p,options:Array.from({length:r-o-1},((t,e)=>e+o+1))});p++;n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(h)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};v.style=b;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.group\\/pagination-size-trigger:hover .group-hover\\/pagination-size-trigger\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/25:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)!important}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/25:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)!important}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const k=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const y=o(["group/pagination-size-trigger","flex items-center gap-2","px-2 h-6","text-sm text-storm-500 font-medium ","dark:text-white","cursor-pointer rounded-full","shadow-1 border border-solid"],{variants:{active:{false:["bg-white hover:bg-white-600 border-transparent","dark:bg-white/15 dark:hover:bg-white/25"],true:["bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100","dark:bg-white/25 dark:ring-0"]}}});const z=class{constructor(a){t(this,a);this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>d(this._locales.item,{size:t});size=s;sizeOptions=h;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return i(this)}hidden=false;dropdownIsOpen=false;_locales={};componentWillLoad(){this._setLocales()}render(){return a(n,{key:"a18dd95925cb38687e6463f32e2e7c8d04c4d689",class:k({hidden:m(this.hidden)})},a("p-dropdown",{key:"f7ffc0bfe61c6d4fded92b543cd26603c7352625",applyFullWidth:true,applyMaxWidth:false,placement:"top-start",chevronDirection:"down",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},a("div",{key:"15eceebfd2f2cfa644efe43e795126c6c9a62a35",class:y({active:this.dropdownIsOpen}),slot:"trigger"},a("p",{key:"f8b00116365d9065943e10325bad2a0337788156",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),a("p-icon",{key:"1a8d46f5e8128174359bf17d89892a3abb989299",class:c(["flex-shrink-0","group-hover/pagination-size-trigger:text-storm-500","dark:group-hover/pagination-size-trigger:text-white"],{"text-storm-300 dark:text-hurricane-200":!this.dropdownIsOpen,"text-storm-500 dark:text-white":!!this.dropdownIsOpen}),variant:"double-caret",size:"sm"})),a("slot",{key:"5a53c7343a61ef699a6bdae8044224141748c47f",slot:"items"},this.sizeOptions.map((t=>a("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await g(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};z.style=x;export{f as p_pagination,v as p_pagination_pages,z as p_pagination_size};
-//# sourceMappingURL=p-641222ac.entry.js.map

package/dist/build/p-641222ac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationComponentCss","pagination","cva","variants","hidden","false","true","Pagination","hideOnSinglePage","enablePaginationSize","enablePaginationPages","page","total","pageSize","PAGINATION_DEFAULT_PAGE_SIZE","pageSizeOptions","PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS","pageChange","pageSizeChange","pagesChange","_hasPaginationPages","render","hidePageSizeSelect","this","h","ThemedHost","key","class","Fragment","size","sizeOptions","onSizeChange","detail","_changePageSize","variant","onPageChange","emit","onPagesChange","s","paginationPagesComponentCss","PaginationPages","_defaultDropdownPageTemplate","formatTranslation","_locales","dropdownPageTemplate","_showDropdown","_dropdowns","_pages","_set","componentWillLoad","_setLocales","componentWillRender","_generate","length","map","p","type","disabled","_carouselDisabled","onClick","_previousClick","_nextClick","value","placement","applyChevron","insideClick","show","dropdownIndex","onIsOpen","_onShowDropdown","ref","el","slot","options","slice","v","autoHeight","_pageClick","icon","iconPosition","properties","min","max","step","autoFocus","onEnter","_enterPress","active","pageChangeHandler","getLocaleComponentStrings","_el","documentClickHandler","event","dropdowns","childOfComposed","_generatePages","_generateSet","_changePage","nextPage","previousPage","parseInt","isNaN","showDropdown","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","set","previous","rotate","next","push","from","paginationSizeComponentCss","paginationSize","trigger","PaginationSize","_defaultItemTemplate","item","sizeChange","itemTemplate","dropdownIsOpen","asBoolean","applyFullWidth","applyMaxWidth","chevronDirection","cn","option","_changeSize"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.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":[null,"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 { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/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-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\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 = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\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",null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tWatch,\n\tState,\n\tListen,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { childOfComposed } from '../../../../utils/child-of';\nimport { PAGINATION_DEFAULT_PAGE_SIZE } from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\n\nexport type templateFunc = (page: number) => string;\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n\tdropdownIndex?: number;\n\toptions?: number[];\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\tprivate _defaultDropdownPageTemplate: templateFunc = page =>\n\t\tformatTranslation(this._locales.page, { page });\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 * 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 template for the data view\n\t */\n\t@Prop() dropdownPageTemplate: templateFunc =\n\t\tthis._defaultDropdownPageTemplate;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\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\t@State() private _showDropdown = [false, false];\n\t@State() private _dropdowns = [];\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tapplyChevron={false}\n\t\t\t\t\t\t\t\t\tinsideClick={true}\n\t\t\t\t\t\t\t\t\tshow={this._showDropdown[p.dropdownIndex]}\n\t\t\t\t\t\t\t\t\tonIsOpen={({ detail }) =>\n\t\t\t\t\t\t\t\t\t\tthis._onShowDropdown(detail, p.dropdownIndex)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tref={el => (this._dropdowns[p.dropdownIndex] = el)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-pagination-pages-item slot='trigger'>\n\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t\t\t\t\t{p.options?.slice(0, 5).map(v => (\n\t\t\t\t\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\t\t\t\t\tvariant='pagination'\n\t\t\t\t\t\t\t\t\t\t\t\tautoHeight={true}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => this._pageClick(v)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.dropdownPageTemplate\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.dropdownPageTemplate(v)\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._defaultDropdownPageTemplate(v)}\n\t\t\t\t\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t{p.options?.length > 5 &&\n\t\t\t\t\t\t\t\t\t\t\tthis._showDropdown[p.dropdownIndex] && (\n\t\t\t\t\t\t\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass='mt-2 w-28'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon='enter-key'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype='number'\n\t\t\t\t\t\t\t\t\t\t\t\t\tproperties={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax: this._pages.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstep: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEnter={({ detail }) => this._enterPress(detail)}\n\t\t\t\t\t\t\t\t\t\t\t\t></p-field>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</p-dropdown>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\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\tactive={p.value === this.page}\n\t\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\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\t\t\t\t</div>\n\t\t\t</ThemedHost>\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\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tconst dropdowns = [false, false];\n\t\tif (this._dropdowns[0] && childOfComposed(event, this._dropdowns[0])) {\n\t\t\tdropdowns[0] = true;\n\t\t}\n\n\t\tif (this._dropdowns[1] && childOfComposed(event, this._dropdowns[1])) {\n\t\t\tdropdowns[1] = true;\n\t\t}\n\n\t\tthis._showDropdown = dropdowns;\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._showDropdown = [false, false];\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 _enterPress(p: string | number) {\n\t\tif (typeof p === 'string') {\n\t\t\tp = parseInt(p);\n\t\t}\n\n\t\tif (isNaN(p)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (p < 1) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (p > this._pages.length) {\n\t\t\tp = this._pages.length;\n\t\t}\n\n\t\tthis._changePage(p);\n\t}\n\n\tprivate _onShowDropdown(show = false, dropdownIndex: number) {\n\t\tconst showDropdown = [...this._showDropdown];\n\t\tshowDropdown[dropdownIndex] = show;\n\t\tthis._showDropdown = showDropdown;\n\t}\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\tlet dropdownIndex = 0;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from({ length: start - 2 }, (_, i) => i + 2),\n\t\t\t});\n\t\t\tdropdownIndex++;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from(\n\t\t\t\t\t{ length: totalPages - end - 1 },\n\t\t\t\t\t(_, i) => i + end + 1\n\t\t\t\t),\n\t\t\t});\n\t\t\tdropdownIndex++;\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",null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\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'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\n\t\t'cursor-pointer rounded-full',\n\t\t'shadow-1 border border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\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 =\n\t\tPAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost 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\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={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\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</ThemedHost>\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"],"mappings":"gXAAA,MAAMA,EAAyB,4vDCgB/B,MAAMC,EAAaC,EAClB,CACC,eACA,qBACA,eACA,4DACA,kDACA,OAED,CACCC,SAAU,CACTC,OAAQ,CACPC,MAAO,OACPC,KAAM,a,MAWGC,EAAU,M,wJAIdC,iBAA4B,KAK5BC,qBAAgC,KAKhCC,sBAAiC,KAKDC,KAAe,EAK/CC,MAKAC,SAAmBC,EAKnBC,gBAA4BC,EAQpCC,WAQAC,eAK2BC,YAEVC,oBAAsB,KAEvC,MAAAC,GACC,MAAMC,EACLC,KAAKf,kBAAoBe,KAAKX,OAASW,KAAKR,kBAAkB,GAE/D,OACCS,EAACC,EAAU,CAAAC,IAAA,4CACVF,EACC,OAAAE,IAAA,2CAAAC,MAAO1B,EAAW,CACjBG,OACEkB,IAAuBC,KAAKH,sBAC3BG,KAAKd,uBAAyBc,KAAKb,yBAGtCa,KAAKb,uBAAyBa,KAAKd,sBACnCe,EAACI,EAAQ,CAAAF,IAAA,4CACRF,EAAA,qBAAAE,IAAA,2CACCtB,OAAQkB,EACRO,KAAMN,KAAKV,SACXiB,YAAaP,KAAKR,gBAClBgB,aAAc,EAAGC,YAAaT,KAAKU,gBAAgBD,MAGlDV,GACDC,KAAKf,kBACLe,KAAKH,qBACJI,EAAA,aAAAE,IAAA,2CACCQ,QAAQ,WACRP,MAAM,yDAMVJ,KAAKb,uBACLc,EAAA,sBAAAE,IAAA,2CACCb,SAAUU,KAAKV,SACfD,MAAOW,KAAKX,MACZD,KAAMY,KAAKZ,KACXH,iBAAkBe,KAAKf,iBACvB2B,aAAc,EAAGH,YAAaT,KAAKN,WAAWmB,KAAKJ,GACnDK,cAAe,EAAGL,aACjBT,KAAKH,oBAAsBY,EAAS,EACpCT,KAAKJ,YAAYiB,KAAKJ,EAAO,K,CAS5B,eAAAC,CAAgBK,GACvB,IAAKA,EAAG,CACP,M,CAGDf,KAAKV,SAAWyB,EAChBf,KAAKL,eAAekB,KAAKb,KAAKV,S,aC5JhC,MAAM0B,EAA8B,2PC6BpC,MAAMtC,EAAaC,EAAI,CAAC,eAAgB,2BAA4B,CACnEC,SAAU,CACTC,OAAQ,CACPC,MAAO,OACPC,KAAM,a,MAUIkC,EAAe,M,yGACnBC,6BAA6C9B,GACpD+B,EAAkBnB,KAAKoB,SAAShC,KAAM,CAAEA,SAKDA,KAAe,EAQvDM,WAKQ2B,qBACPrB,KAAKkB,6BAKE5B,SAAmBC,EAKnBN,iBAA4B,MAK5BI,MAKmBO,YAEV0B,cAAgB,CAAC,MAAO,OACxBC,WAAa,GAKbH,SAAgB,G,yBAOzBI,OAAmB,GACnBC,KAA4B,GAEpC,iBAAAC,GACC1B,KAAK2B,a,CAGN,mBAAAC,GACC5B,KAAK6B,W,CAGN,MAAA/B,GACC,OACCG,EAACC,EAAU,CAAAC,IAAA,4CACVF,EACC,OAAAE,IAAA,2CAAAC,MAAO1B,EAAW,CACjBG,OAAQmB,KAAKf,kBAAoBe,KAAKyB,MAAMK,SAAW,KAGvD9B,KAAKyB,MAAMM,KAAIC,IACf,GAAIA,EAAEC,OAAS,YAAcD,EAAEC,OAAS,OAAQ,CAC/C,OACChC,EACC,2BAAAU,QAAQ,WACRuB,SAAUlC,KAAKmC,kBAAkBH,EAAEC,MACnCG,QAAS,IACRJ,EAAEC,OAAS,WACRjC,KAAKqC,iBACLrC,KAAKsC,cAGRN,EAAEO,M,CAKN,GAAIP,EAAEC,OAAS,WAAY,CAC1B,OACChC,EAAA,cACCuC,UAAU,MACVC,aAAc,MACdC,YAAa,KACbC,KAAM3C,KAAKsB,cAAcU,EAAEY,eAC3BC,SAAU,EAAGpC,YACZT,KAAK8C,gBAAgBrC,EAAQuB,EAAEY,eAEhCG,IAAKC,GAAOhD,KAAKuB,WAAWS,EAAEY,eAAiBI,GAE/C/C,EAAyB,2BAAAgD,KAAK,WAEJ,OAC1BhD,EAAM,QAAAgD,KAAK,SACTjB,EAAEkB,SAASC,MAAM,EAAG,GAAGpB,KAAIqB,GAC3BnD,EAAA,wBACCU,QAAQ,aACR0C,WAAY,KACZjB,QAAS,IAAMpC,KAAKsD,WAAWF,IAE9BpD,KAAKqB,qBACHrB,KAAKqB,qBAAqB+B,GAC1BpD,KAAKkB,6BAA6BkC,MAGtCpB,EAAEkB,SAASpB,OAAS,GACpB9B,KAAKsB,cAAcU,EAAEY,gBACpB3C,EAAA,WACCG,MAAM,YACNE,KAAK,KACLiD,KAAK,YACLC,aAAa,MACbvB,KAAK,SACLwB,WAAY,CACXC,IAAK,EACLC,IAAK3D,KAAKwB,OAAOM,OACjB8B,KAAM,GAEPC,UAAW,KACXC,QAAS,EAAGrD,YAAaT,KAAK+D,YAAYtD,M,CAQjD,OACCR,EAAA,2BACC+D,OAAQhC,EAAEO,QAAUvC,KAAKZ,KACzBgD,QAAS,IAAMpC,KAAKsD,WAAWtB,EAAEO,QAEhCP,EAAEO,MACsB,K,CAWtB,iBAAA0B,GACTjE,KAAK6B,W,CAIE,iBAAMF,GACb3B,KAAKoB,eAAiB8C,EAA0BlE,KAAKmE,I,CAI5C,oBAAAC,CAAqBC,GAC9B,MAAMC,EAAY,CAAC,MAAO,OAC1B,GAAItE,KAAKuB,WAAW,IAAMgD,EAAgBF,EAAOrE,KAAKuB,WAAW,IAAK,CACrE+C,EAAU,GAAK,I,CAGhB,GAAItE,KAAKuB,WAAW,IAAMgD,EAAgBF,EAAOrE,KAAKuB,WAAW,IAAK,CACrE+C,EAAU,GAAK,I,CAGhBtE,KAAKsB,cAAgBgD,C,CAGd,SAAAzC,GACP7B,KAAKwB,OAASxB,KAAKwE,iBACnBxE,KAAKyB,KAAOzB,KAAKyE,eAEjB,GAAIzE,KAAKZ,KAAOY,KAAKwB,QAAQM,OAAQ,CACpC9B,KAAK0E,YAAY1E,KAAKwB,OAAOM,O,EAIvB,WAAA4C,CAAY1C,GACnB,IAAKA,EAAG,CACP,M,CAGDhC,KAAKsB,cAAgB,CAAC,MAAO,OAC7BtB,KAAKZ,KAAO4C,EACZhC,KAAKN,WAAWmB,KAAKb,KAAKZ,K,CAGnB,cAAAiD,GACP,GAAIrC,KAAKmC,kBAAkB,YAAa,CACvC,M,CAGDnC,KAAK0E,YAAY1E,KAAKZ,KAAO,E,CAGtBkD,WAAa,KACpB,GAAItC,KAAKmC,kBAAkB,QAAS,CACnC,M,CAGDnC,KAAK0E,YAAY1E,KAAKZ,KAAO,EAAE,EAGxB+C,kBAAqBF,IAC5B,GAAIA,IAAS,OAAQ,CACpB,MAAM0C,EAAW3E,KAAKZ,KAAO,EAC7B,GAAIuF,EAAW3E,KAAKwB,OAAOxB,KAAKwB,OAAOM,OAAS,GAAI,CACnD,OAAO,I,EAIT,GAAIG,IAAS,WAAY,CACxB,MAAM2C,EAAe5E,KAAKZ,KAAO,EACjC,GAAIwF,EAAe5E,KAAKwB,OAAO,GAAI,CAClC,OAAO,I,EAIT,OAAO,KAAK,EAGL8B,WAActB,GAAehC,KAAK0E,YAAY1C,GAE9C,WAAA+B,CAAY/B,GACnB,UAAWA,IAAM,SAAU,CAC1BA,EAAI6C,SAAS7C,E,CAGd,GAAI8C,MAAM9C,GAAI,CACb,M,CAGD,GAAIA,EAAI,EAAG,CACVA,EAAI,C,CAGL,GAAIA,EAAIhC,KAAKwB,OAAOM,OAAQ,CAC3BE,EAAIhC,KAAKwB,OAAOM,M,CAGjB9B,KAAK0E,YAAY1C,E,CAGV,eAAAc,CAAgBH,EAAO,MAAOC,GACrC,MAAMmC,EAAe,IAAI/E,KAAKsB,eAC9ByD,EAAanC,GAAiBD,EAC9B3C,KAAKsB,cAAgByD,C,CAGd,cAAAP,GACP,IAAKxE,KAAKX,QAAUW,KAAKV,SAAU,CAClC,MAAO,E,CAGR,MAAM0F,EAAQC,KAAKC,KAAKlF,KAAKX,MAAQW,KAAKV,UAC1CU,KAAKJ,YAAYiB,KAAKmE,GACtB,OAAO,IAAIG,MAAMH,GAAOI,KAAKC,WAAWtD,KAAI,CAACuD,EAAGC,IAAMA,EAAI,G,CAGnDd,aAAe,CACtBe,EAAgB,EAChBC,EAA4B,QAE5B,MAAMC,EAAa1F,KAAKwB,OAAOM,OAE/B,IAAK4D,EAAY,CAChB,MAAO,E,CAGR,IAAIC,EAAQ3F,KAAKZ,KAAOoG,EACxB,IAAII,EAAM5F,KAAKZ,KAAOoG,EAEtB,GAAII,EAAMF,EAAY,CACrBE,EAAMF,EACNC,EAAQD,EAAaF,EAAQ,EAC7BG,EAAQA,EAAQ,EAAI,EAAIA,C,CAGzB,GAAIA,GAAS,EAAG,CACfA,EAAQ,EACRC,EAAMX,KAAKvB,IAAI8B,EAAQ,EAAI,EAAGE,E,CAG/B,MAAMG,EAAM,GAEZ,MAAMC,EAAW,CAChB7D,KAAM,WACNM,MACCtC,EACC,UAAAU,QAAQ,QACRL,KAAK,KACLyF,OAAQ,MAKX,MAAMC,EAAO,CACZ/D,KAAM,OACNM,MACCtC,EAAA,UACCU,QAAQ,QACRL,KAAK,KACLyF,QAAQ,MAMX,GAAIP,IAAU,KAAM,CACnB,MAAMxD,EAAIhC,KAAKwB,OAAOO,KAAIC,IAAC,CAC1BC,KAAM,OACNM,MAAOP,MAGR,OAAOyD,EAAmB,CAACK,KAAa9D,EAAGgE,GAAQhE,C,CAGpD,GAAIyD,EAAkB,CACrBI,EAAII,KAAKH,E,CAGV,IAAIlD,EAAgB,EAEpB,GAAI+C,GAAS,EAAG,CACf,IAAK,IAAIJ,EAAI,EAAGA,EAAII,EAAOJ,IAAK,CAC/BM,EAAII,KAAK,CACRhE,KAAM,OACNM,MAAOvC,KAAKwB,OAAO+D,EAAI,I,MAGnB,CACNM,EAAII,KAAK,CACRhE,KAAM,OACNM,MAAO,IAGRsD,EAAII,KAAK,CACRhE,KAAM,WACNW,gBACAM,QAASiC,MAAMe,KAAK,CAAEpE,OAAQ6D,EAAQ,IAAK,CAACL,EAAGC,IAAMA,EAAI,MAE1D3C,G,CAGD,IAAK,IAAI2C,EAAII,EAAOJ,GAAKK,EAAKL,IAAK,CAClCM,EAAII,KAAK,CACRhE,KAAM,OACNM,MAAOvC,KAAKwB,OAAO+D,EAAI,I,CAIzB,GAAIK,GAAOF,EAAa,EAAG,CAC1B,IAAK,IAAIH,EAAIK,EAAM,EAAGL,GAAKG,EAAYH,IAAK,CAC3CM,EAAII,KAAK,CACRhE,KAAM,OACNM,MAAOvC,KAAKwB,OAAO+D,EAAI,I,MAGnB,CACNM,EAAII,KAAK,CACRhE,KAAM,WACNW,gBACAM,QAASiC,MAAMe,KACd,CAAEpE,OAAQ4D,EAAaE,EAAM,IAC7B,CAACN,EAAGC,IAAMA,EAAIK,EAAM,MAGtBhD,IAEAiD,EAAII,KAAK,CACRhE,KAAM,OACNM,MAAOvC,KAAKwB,OAAOxB,KAAKwB,OAAOM,OAAS,I,CAI1C,GAAI2D,EAAkB,CACrBI,EAAII,KAAKD,E,CAGV,OAAOH,CAAG,E,gICnbZ,MAAMM,EAA6B,42KCyBnC,MAAMC,EAAiBzH,EAAI,oBAAqB,CAC/CC,SAAU,CACTC,OAAQ,CACPC,MAAO,KACPC,KAAM,aAKT,MAAMsH,EAAU1H,EACf,CACC,gCACA,0BACA,WACA,sCACA,kBACA,8BACA,gCAED,CACCC,SAAU,CACToF,OAAQ,CACPlF,MAAO,CACN,iDACA,2CAEDC,KAAM,CACL,6DACA,oC,MAYQuH,EAAc,M,gEAClBC,qBAAqCjG,GAC5Ca,EAAkBnB,KAAKoB,SAASoF,KAAM,CAAElG,SAIDA,KACvCf,EAKOgB,YAAwBd,EAQhCgH,WAKQC,aAA6B1G,KAAKuG,qB,yBAUlC1H,OAAkB,MAKjB8H,eAAiB,MAKTvF,SAAgB,GAEjC,iBAAAM,GACC1B,KAAK2B,a,CAGN,MAAA7B,GACC,OACCG,EAACC,EAAU,CAAAC,IAAA,2CAACC,MAAOgG,EAAe,CAAEvH,OAAQ+H,EAAU5G,KAAKnB,WAC1DoB,EAAA,cAAAE,IAAA,2CACC0G,eAAgB,KAChBC,cAAe,MACftE,UAAU,YACVuE,iBAAiB,OACjBlE,SAAU,EAAGpC,YAAcT,KAAK2G,eAAiBlG,GAEjDR,EACC,OAAAE,IAAA,2CAAAC,MAAOiG,EAAQ,CACdrC,OAAQhE,KAAK2G,iBAEd1D,KAAK,WAELhD,EAAA,KAAAE,IAAA,2CAAGC,MAAM,4DACPJ,KAAK0G,aACH1G,KAAK0G,aAAa1G,KAAKM,MACvBN,KAAKuG,qBAAqBvG,KAAKM,OAEnCL,EACC,UAAAE,IAAA,2CAAAC,MAAO4G,EACN,CACC,gBACA,qDACA,uDAED,CACC,0CACEhH,KAAK2G,eACP,mCAAoC3G,KAAK2G,iBAG3ChG,QAAQ,eACRL,KAAK,QAGPL,EAAA,QAAAE,IAAA,2CAAM8C,KAAK,SACTjD,KAAKO,YAAYwB,KAAIkF,GACrBhH,EAAA,wBACC+D,OAAQiD,IAAWjH,KAAKM,KACxB8B,QAAS,IAAMpC,KAAKkH,YAAYD,IAE/BjH,KAAK0G,aACH1G,KAAK0G,aAAaO,GAClBjH,KAAKuG,qBAAqBU,Q,CAU5B,iBAAMtF,GACb3B,KAAKoB,eAAiB8C,EAA0BlE,KAAKmE,I,CAG9C,WAAA+C,CAAYnG,GACnB,IAAKA,EAAG,CACP,M,CAGDf,KAAKM,KAAOS,EACZf,KAAKyG,WAAW5F,KAAKb,KAAKM,K","ignoreList":[]}

package/dist/build/p-acc09f05.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as s}from"./p-Dpmiv2da.js";import{a as r}from"./p-BFSNj6hu.js";import{c as a}from"./p-CBWjHURv.js";import{c as o}from"./p-CT54OXR2.js";import{S as n}from"./p-vyRrSf5s.js";import{T as h}from"./p-C1iNEsnH.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const l="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.z-10{z-index:10!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-indigo-500{--tw-text-opacity:1!important;color:rgb(142 179 251/var(--tw-text-opacity,1))!important}.text-indigo-600{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-negative-red-700{--tw-text-opacity:1!important;color:rgb(147 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.filter{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}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const p=a(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const c=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-indigo-100","dark:bg-white/15"]);const m=a("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"text-storm-400 dark:text-white",default:null},enableTextWrap:{true:false,false:"text-ellipsis whitespace-nowrap"},error:{true:"text-negative-red-700 dark:text-negative-red-alternative group-hover/button:text-negative-red-800",false:null}}});const d=class{constructor(i){t(this,i);this.queryChange=e(this,"queryChange",3);this.valueChange=e(this,"valueChange",3);this.selectAllChange=e(this,"selectAllChange",3);this.dropdownShown=e(this,"dropdownShown",3);this.add=e(this,"add",3);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=true;showChevron=true;maxDisplayedItems=n;enableAutocomplete=true;enableTextWrap=false;asyncFilter=false;loading=false;enableSelectAll=false;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=true;showOptional=true;error;disabled=false;showAddItem=false;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=false;_selectedItem=null;_allSelected=false;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:m({variant:"placeholder"})},this.placeholder);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:p(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:c(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-indigo-500 group-hover/item:text-indigo-800 dark:text-white/15 dark:group-hover/item:text-white",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){console.log("On load",this.value);this._valueChange(this.value,null);return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){let t=this.icon;if(this._selectedItem&&!this.avatarKey&&!!this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem){t=this._selectedItem[this.iconKey]}if(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey]){t=null}if(this.error?.length){t="warning"}return s(h,{key:"a41991f924c400f2427ff11f455edbbc9f0dfe89"},s("p-field-container",{key:"964bba52127d2379e6a3f00260f791d559bcaedc",variant:"write",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,showOptional:this.showOptional,error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown},s("p-dropdown",{key:"a85a4fdd71d520033554156ee693b2befab5d9c3",applyFullWidth:true,applyMaxWidth:false,slot:"content",insideClick:true,manual:true,scrollable:this.enableAutocomplete?"large":true,"disable-trigger-click":this.disabled,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),strategy:this.strategy},s("p-button",{key:"4e795615150e184a00ff2912dd80bb58780cfc30",slot:"trigger",class:"w-full",variant:"secondary",size:this.size,chevron:this.showChevron?this._showDropdown?"up":"down":false,active:this._showDropdown,error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],onClick:t=>this._onClick(t)},s("div",{key:"371c51e120888c7837486ac5974e9da069aa8ce2",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false}_valueChange(t,e){console.log("value change",t,e);setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){console.log("Preselect start",this.value);let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;console.log("Post",t);if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}console.log("post !this._selectedItem check",t);const e=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const i=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);console.log("parsedValue",i);console.log("currentParsedValue",r);if(this._selectedItem&&r===i){return}if(!this._items?.length&&t){console.log("No length",t);this._selectValue(t,false);return}const a=this._getParsedItems(false);const o=a.find((t=>{const e=t?.[this._identifierKey];const s=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return s===i}));console.log("Found item",o,t);this._selectValue(!!o?o:t,false)}_selectValue(t,e=true){console.log("Start",t,this.valueKey,this.loading);let i=!!this.valueKey&&this.valueKey!=="false"&&t!==null&&!this.loading?t?.[this.valueKey]:t;console.log("Start",t);if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const e=[...this._selectedItem];const s=[...this.value];const r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));if(r===-1){e.push(t);s.push(i)}else{e.splice(r,1);s.splice(r,1)}this._selectedItem=e;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this._onBlur(e);if(i===this.value){return}console.log("Setting value",i);this.value=i;this.valueChange.emit(i)}_onClick(t){const e=t?.composedPath();for(const t of e){if(t.nodeName.toLowerCase()==="p-button"){break}if(t.classList?.contains("item")){return}}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{enableTextWrap:this.enableTextWrap,useContainer:false,onClick:()=>this._selectValue(t),active:e,checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t,false,e))}));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}const t=this._inputRef.clientWidth-16;this._multiContainerRef.style.maxWidth=`${t>=16?t:16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e){s.classList.remove("hidden");s.classList.add("flex");const e=s.getBoundingClientRect();if(e.right>t.right){s.classList.remove("flex");s.classList.add("hidden");i++;continue}}this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(i>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=false,i=false){let r=s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!e||this.showIconOnSelectedItem)){r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:o("text-storm-300 dark:text-hurricane-200",(!e||!!this.applyClassOnSelectedItem)&&(!i||!!this.applyClassOnSelectedItemInMenu)?t?.[this.iconClassKey]??"":""),variant:t[this.iconKey]}),s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))}if((!e||!!this.applyClassOnSelectedItem)&&(!i||!!this.applyClassOnSelectedItemInMenu)&&!!t?.[this.classKey]?.length){return s("div",{class:t[this.classKey]},r)}return r}_getParsedItems(t=true){if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof e?.[0]==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){e=e.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}if(!t){return e}return e?.slice(0,this.maxDisplayedItems)}static get formAssociated(){return true}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};d.style=l;export{d as p_select};
-//# sourceMappingURL=p-acc09f05.entry.js.map

package/dist/build/p-acc09f05.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectComponentCss","multiContainer","cva","multiItem","textContainer","variants","variant","placeholder","default","enableTextWrap","true","false","error","Select","items","multi","strategy","icon","query","autocompletePlaceholder","value","displayKey","dropdownDisplayKey","selectionDisplayKey","valueKey","avatarKey","iconKey","iconClassKey","showIconOnSelectedItem","classKey","applyClassOnSelectedItem","applyClassOnSelectedItemInMenu","avatarLettersKey","identifierKey","queryKey","autoSelectFirst","showChevron","maxDisplayedItems","SELECT_DEFAULT_MAX_DISPLAYED_ITEMS","enableAutocomplete","asyncFilter","loading","enableSelectAll","selectAllText","selectAllIcon","queryChange","valueChange","selectAllChange","dropdownShown","size","prefix","label","helper","required","showOptional","disabled","showAddItem","addItemText","add","emptyStateText","_showDropdown","_selectedItem","_allSelected","_amountHidden","_internals","_inputRef","autocompleteInputRef","_multiContainerRef","_resizeObserver","_resizeDebounceTimer","_checkSelectedItemsTimeout","_items","this","_getParsedItems","_displayValue","h","class","length","ref","map","item","onClick","_selectValue","_getDisplay","_identifierKey","formResetCallback","componentDidLoad","Error","_setMultiContainerMaxWidth","ResizeObserver","clearTimeout","setTimeout","_setCheckSelectedItemsTimeout","observe","_el","console","log","_valueChange","itemChanges","componentDidRender","disconnectedCallback","disconnect","render","buttonIcon","ThemedHost","key","forceShowTooltip","applyFullWidth","applyMaxWidth","slot","insideClick","manual","scrollable","show","onIsOpen","ev","_onDropdownOpen","chevron","active","iconClass","_onClick","_getLoadingItems","_getItems","_getAddItem","documentClickHandler","event","childOfComposed","oldVal","_preselectItem","_showDropdownChanges","emit","multiChanges","Array","isArray","JSON","parse","filter","i","includes","identifier","parsedValue","stringify","currentValue","currentParsedValue","find","itemIdentifier","parsedItemIdentifier","forceBlur","selectedItem","valueArray","includesIndex","findIndex","push","splice","_onBlur","composed","composedPath","nodeName","toLowerCase","classList","contains","force","_onAutoComplete","detail","_checkvalue","toString","indexOf","isSelected","useContainer","checkbox","unshift","_selectAllChange","_getAutoCompleteItem","enableHover","onValueChange","onInputRefChange","calced","clientWidth","style","maxWidth","_checkSelectedItems","containerRect","getBoundingClientRect","querySelectorAll","amountHidden","child","remove","childRect","right","extra","querySelector","focus","isSelection","isSelectedInMenu","content","src","letters","cn","applyPagination","str","text","slice"],"sources":["src/components/molecules/select/select.component.css?tag=p-select","src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n\t--tw-translate-y: 0px !important;\n\t--tw-translate-x: 0px !important;\n}\n","import { Strategy } from '@floating-ui/dom';\nimport {\n\tAttachInternals,\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n\tWatch,\n} from '@stencil/core';\nimport { childOfComposed, cn } from '../../../utils';\nimport { IconVariant } from '../../atoms/icon/icon.component';\n\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../internal/themed-host.component';\nimport { SELECT_DEFAULT_MAX_DISPLAYED_ITEMS } from '../../../utils/constants';\n\nconst multiContainer = cva([\n\t'flex items-center gap-2',\n\t'flex-1 min-w-0 h-full',\n\t'pointer-events-none overflow-hidden',\n]);\n\nconst multiItem = cva([\n\t'item group/item',\n\t'pointer-events-auto cursor-pointer',\n\t'flex h-[1.625rem] items-center gap-2',\n\t'h-[1.625rem] px-2',\n\t'text-sm font-semibold whitespace-nowrap',\n\t'rounded-lg',\n\t'bg-indigo-100',\n\t'dark:bg-white/15',\n]);\n\nconst textContainer = cva('block w-full overflow-hidden text-start', {\n\tvariants: {\n\t\tvariant: {\n\t\t\tplaceholder: 'text-storm-400 dark:text-white',\n\t\t\tdefault: null,\n\t\t},\n\t\tenableTextWrap: {\n\t\t\ttrue: false,\n\t\t\tfalse: 'text-ellipsis whitespace-nowrap',\n\t\t},\n\t\terror: {\n\t\t\ttrue: 'text-negative-red-700 dark:text-negative-red-alternative group-hover/button:text-negative-red-800',\n\t\t\tfalse: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-select',\n\tstyleUrl: 'select.component.css',\n\tformAssociated: true,\n})\nexport class Select {\n\t/**\n\t * The items to show in the dropdown\n\t */\n\t@Prop() items: string | any[];\n\n\t/**\n\t * Wether to enable multi select\n\t */\n\t@Prop({ reflect: true }) multi: boolean;\n\n\t/**\n\t * The strategy to use for the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Icon of the select box\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * The current query\n\t */\n\t@Prop() query: string;\n\n\t/**\n\t * The placeholder of the input\n\t */\n\t@Prop() placeholder: string;\n\n\t/**\n\t * The placeholder of the input used for auto complete\n\t */\n\t@Prop() autocompletePlaceholder: string = 'Search...';\n\n\t/**\n\t * The current value\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() displayKey: string = 'text';\n\n\t/**\n\t * The key of the object to display in the dropdown (overwrites displayKey)\n\t */\n\t@Prop() dropdownDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to display in the input (overwrites displayKey)\n\t */\n\t@Prop() selectionDisplayKey: string | undefined;\n\n\t/**\n\t * The key of the object to return\n\t */\n\t@Prop() valueKey: string;\n\n\t/**\n\t * The key of avatar within an item to show\n\t */\n\t@Prop() avatarKey: string;\n\n\t/**\n\t * The key of icon variant within an item to show\n\t */\n\t@Prop() iconKey: string = 'icon';\n\n\t/**\n\t * The key of the class we can apploy to the icon\n\t */\n\t@Prop() iconClassKey: string = 'iconClass';\n\n\t/**\n\t * Wether to apply the item's icon on the selected item display\n\t */\n\t@Prop() showIconOnSelectedItem: string;\n\n\t/**\n\t * The key of a class in an item to apply\n\t */\n\t@Prop() classKey: string = 'class';\n\n\t/**\n\t * Wether to apply the item's class also on the selected item\n\t */\n\t@Prop() applyClassOnSelectedItem: boolean;\n\n\t/**\n\t * Wether to apply the item's class also on the selected item within the menu\n\t */\n\t@Prop() applyClassOnSelectedItemInMenu: boolean;\n\n\t/**\n\t * The key of avatar letters within an item to show when the avatar url doesn't work\n\t */\n\t@Prop() avatarLettersKey: string;\n\n\t/**\n\t * The key to identify an object\n\t */\n\t@Prop() identifierKey: string;\n\n\t/**\n\t * The key of the object to display\n\t */\n\t@Prop() queryKey?: string;\n\n\t/**\n\t * Wether to automatically select the first item\n\t */\n\t@Prop() autoSelectFirst: boolean = true;\n\n\t/**\n\t * Wether to show the chevron or not\n\t */\n\t@Prop() showChevron: boolean = true;\n\n\t/**\n\t * The maximum amount of items to display\n\t */\n\t@Prop() maxDisplayedItems: number = SELECT_DEFAULT_MAX_DISPLAYED_ITEMS;\n\n\t/**\n\t * Wether to enable autocomplete\n\t */\n\t@Prop() enableAutocomplete: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line in the dropdown menu\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the input uses async filtering\n\t */\n\t@Prop() asyncFilter: boolean = false;\n\n\t/**\n\t * Wether to show loading items\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * Wether to show the select all item with multi select\n\t */\n\t@Prop() enableSelectAll: boolean = false;\n\n\t/**\n\t * The text of the select all item\n\t */\n\t@Prop() selectAllText: string = 'Select all';\n\n\t/**\n\t * The icon to prefix for select all\n\t */\n\t@Prop() selectAllIcon: IconVariant | undefined;\n\n\t/**\n\t * Event when the query of the autocomplete changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tqueryChange: EventEmitter<string>;\n\n\t/**\n\t * Event when the value changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tvalueChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the select all item has been selected or not\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tselectAllChange: EventEmitter<any>;\n\n\t/**\n\t * Event when the dropdown shows\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tdropdownShown: EventEmitter<any>;\n\n\t/**\n\t * The size of the input group used by the select\n\t */\n\t@Prop() size: 'sm' | 'base' = 'base';\n\n\t/**\n\t * The prefix of the input group used by the select\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The label of the input group used by the select\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop() helper: string;\n\n\t/**\n\t * Wether the field is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * Wether to show optional when not required\n\t */\n\t@Prop({ reflect: true }) showOptional: boolean = true;\n\n\t/**\n\t * The helper of the input group used by the select\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled used by the select\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether to show a \"add\" item\n\t */\n\t@Prop() showAddItem: boolean = false;\n\n\t/**\n\t * The text to show when add item is being shown\n\t */\n\t@Prop() addItemText: string = 'Add item';\n\n\t/**\n\t * Event when the add item is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tadd: EventEmitter;\n\n\t/**\n\t * The text to show when items is empty\n\t */\n\t@Prop() emptyStateText: string = 'No items available';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _showDropdown: any = false;\n\t@State() private _selectedItem: any = null;\n\n\t@State() private _allSelected: boolean = false;\n\n\t@State() private _amountHidden = 0;\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tprivate _inputRef: HTMLDivElement;\n\tprivate autocompleteInputRef: HTMLInputElement | HTMLTextAreaElement;\n\tprivate _multiContainerRef: HTMLElement;\n\n\tprivate _resizeObserver: ResizeObserver;\n\tprivate _resizeDebounceTimer: NodeJS.Timeout | undefined;\n\tprivate _checkSelectedItemsTimeout: NodeJS.Timeout | undefined;\n\n\tget _items() {\n\t\treturn this._getParsedItems();\n\t}\n\n\tget _displayValue() {\n\t\tconst placeholder = (\n\t\t\t<div class={textContainer({ variant: 'placeholder' })}>\n\t\t\t\t{this.placeholder}\n\t\t\t</div>\n\t\t);\n\n\t\tif (!this._selectedItem) {\n\t\t\treturn placeholder;\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tif (this._selectedItem?.length === 0) {\n\t\t\t\treturn placeholder;\n\t\t\t}\n\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tclass={multiContainer()}\n\t\t\t\t\tref={ref => (this._multiContainerRef = ref)}\n\t\t\t\t>\n\t\t\t\t\t{this._selectedItem.map(item => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={multiItem()}\n\t\t\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{item[this.selectionDisplayKey ?? this.displayKey]}\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass='text-xs text-indigo-500 group-hover/item:text-indigo-800 dark:text-white/15 dark:group-hover/item:text-white'\n\t\t\t\t\t\t\t\tvariant='negative'\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\n\t\t\t\t\t<div class='extra pointer-events-none hidden text-sm text-storm-100'>\n\t\t\t\t\t\t+{this._amountHidden}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\n\t\treturn this._getDisplay(this._selectedItem, true);\n\t}\n\n\tget _identifierKey() {\n\t\treturn this.identifierKey ?? this.valueKey ?? 'value';\n\t}\n\n\tformResetCallback() {\n\t\tthis._selectValue(null);\n\t}\n\n\t// formDisabledCallback(disabled: boolean) {\n\t// \tif (!this._internals.form) {\n\t// \t\treturn;\n\t// \t}\n\t//\n\t// \t//this.disabled = disabled;\n\t// }\n\t//\n\tcomponentDidLoad() {\n\t\tif (!this.valueKey && !this.identifierKey) {\n\t\t\tthrow new Error('You must provide a valueKey or identifierKey');\n\t\t}\n\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\n\t\t\tthis._resizeObserver = new ResizeObserver(() => {\n\t\t\t\tif (this._resizeDebounceTimer) {\n\t\t\t\t\tclearTimeout(this._resizeDebounceTimer);\n\t\t\t\t\tthis._resizeDebounceTimer = null;\n\t\t\t\t}\n\n\t\t\t\tthis._resizeDebounceTimer = setTimeout(() => {\n\t\t\t\t\tthis._setMultiContainerMaxWidth();\n\t\t\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t\t\t}, 200);\n\t\t\t});\n\t\t\tthis._resizeObserver.observe(this._el);\n\t\t}\n\n\t\tif (this.value) {\n\t\t\tconsole.log('On load', this.value);\n\t\t\tthis._valueChange(this.value, null);\n\t\t\treturn;\n\t\t}\n\n\t\tthis.itemChanges();\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this.multi) {\n\t\t\tthis._setMultiContainerMaxWidth();\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.multi) {\n\t\t\tthis._resizeObserver.disconnect();\n\t\t}\n\t}\n\n\trender() {\n\t\tlet buttonIcon = this.icon;\n\n\t\tif (\n\t\t\tthis._selectedItem &&\n\t\t\t!this.avatarKey &&\n\t\t\t!!this.iconKey &&\n\t\t\tthis._selectedItem?.[this.iconKey] &&\n\t\t\t!this.showIconOnSelectedItem\n\t\t) {\n\t\t\tbuttonIcon = this._selectedItem[this.iconKey];\n\t\t}\n\n\t\tif (\n\t\t\t(this.avatarKey && this._selectedItem?.[this.avatarKey]) ||\n\t\t\t(this.avatarLettersKey && this._selectedItem?.[this.avatarLettersKey])\n\t\t) {\n\t\t\tbuttonIcon = null;\n\t\t}\n\n\t\tif (this.error?.length) {\n\t\t\tbuttonIcon = 'warning';\n\t\t}\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<p-field-container\n\t\t\t\t\tvariant='write'\n\t\t\t\t\tprefix={this.prefix}\n\t\t\t\t\tlabel={this.label}\n\t\t\t\t\thelper={this.helper}\n\t\t\t\t\trequired={this.required}\n\t\t\t\t\tshowOptional={this.showOptional}\n\t\t\t\t\terror={this.error}\n\t\t\t\t\tforceShowTooltip={!!this.error?.length && !this._showDropdown}\n\t\t\t\t>\n\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\t\tslot='content'\n\t\t\t\t\t\tinsideClick={true}\n\t\t\t\t\t\tmanual={true}\n\t\t\t\t\t\tscrollable={this.enableAutocomplete ? 'large' : true}\n\t\t\t\t\t\tdisable-trigger-click={this.disabled}\n\t\t\t\t\t\tshow={this._showDropdown}\n\t\t\t\t\t\tonIsOpen={ev => this._onDropdownOpen(ev)}\n\t\t\t\t\t\tstrategy={this.strategy}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-button\n\t\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t\t\tclass='w-full'\n\t\t\t\t\t\t\tvariant='secondary'\n\t\t\t\t\t\t\tsize={this.size}\n\t\t\t\t\t\t\tchevron={\n\t\t\t\t\t\t\t\tthis.showChevron ? (this._showDropdown ? 'up' : 'down') : false\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tactive={this._showDropdown}\n\t\t\t\t\t\t\terror={!!this.error?.length}\n\t\t\t\t\t\t\ticon={buttonIcon}\n\t\t\t\t\t\t\ticonClass={\n\t\t\t\t\t\t\t\tthis.applyClassOnSelectedItem &&\n\t\t\t\t\t\t\t\tthis._selectedItem?.[this.iconClassKey]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ev => this._onClick(ev)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass='relative min-w-0 flex-1'\n\t\t\t\t\t\t\t\tref={ref => (this._inputRef = ref)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this._displayValue}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</p-button>\n\t\t\t\t\t\t{this.loading ? this._getLoadingItems() : this._getItems()}\n\t\t\t\t\t\t{this.showAddItem && this._getAddItem()}\n\t\t\t\t\t</p-dropdown>\n\t\t\t\t</p-field-container>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tif (!this._showDropdown || childOfComposed(event, this._el)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\t@Watch('value')\n\tprivate _valueChange(value, oldVal) {\n\t\tconsole.log('value change', value, oldVal);\n\t\tsetTimeout(() => {\n\t\t\tthis._preselectItem();\n\t\t\tthis._setCheckSelectedItemsTimeout();\n\t\t});\n\t}\n\n\t@Watch('items')\n\tpublic itemChanges() {\n\t\tsetTimeout(() => this._preselectItem());\n\t}\n\n\t@Watch('_showDropdown')\n\tpublic _showDropdownChanges() {\n\t\tthis.dropdownShown.emit({\n\t\t\tvalue: this._showDropdown,\n\t\t\tquery: this.query,\n\t\t});\n\t}\n\n\t@Watch('multi')\n\tpublic multiChanges() {\n\t\tif (this._selectedItem && !Array.isArray(this._selectedItem)) {\n\t\t\tthis._selectedItem = [];\n\t\t}\n\t}\n\n\tprivate _preselectItem() {\n\t\tconsole.log('Preselect start', this.value);\n\t\tlet value =\n\t\t\ttypeof this.value === 'string' && this.multi\n\t\t\t\t? JSON.parse(this.value)\n\t\t\t\t: this.value;\n\n\t\tconsole.log('Post', value);\n\n\t\tif (this.multi) {\n\t\t\tif (!Array.isArray(value)) {\n\t\t\t\tthis.value = [];\n\t\t\t\tthis.valueChange.emit(this.value);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.value = value;\n\t\t\tif (!value.length) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis._selectedItem =\n\t\t\t\t!!this.valueKey && this.valueKey !== 'false'\n\t\t\t\t\t? this._items.filter(i => value.includes(i?.[this.valueKey]))\n\t\t\t\t\t: [...value];\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._selectedItem && !value && this.autoSelectFirst) {\n\t\t\tvalue = this._items[0];\n\t\t}\n\n\t\tconsole.log('post !this._selectedItem check', value);\n\n\t\tconst identifier =\n\t\t\ttypeof value === 'object' && value !== null\n\t\t\t\t? value[this._identifierKey]\n\t\t\t\t: value;\n\t\tconst parsedValue =\n\t\t\ttypeof identifier === 'string' || typeof identifier === 'number'\n\t\t\t\t? identifier\n\t\t\t\t: JSON.stringify(identifier);\n\n\t\tconst currentValue = this._selectedItem\n\t\t\t? this._selectedItem?.[this._identifierKey]\n\t\t\t: null;\n\t\tconst currentParsedValue =\n\t\t\ttypeof currentValue === 'string' || typeof currentValue === 'number'\n\t\t\t\t? currentValue\n\t\t\t\t: JSON.stringify(currentValue);\n\n\t\tconsole.log('parsedValue', parsedValue);\n\t\tconsole.log('currentParsedValue', currentParsedValue);\n\t\tif (this._selectedItem && currentParsedValue === parsedValue) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this._items?.length && value) {\n\t\t\tconsole.log('No length', value);\n\t\t\tthis._selectValue(value, false);\n\t\t\treturn;\n\t\t}\n\n\t\tconst items = this._getParsedItems(false);\n\t\tconst item = items.find(i => {\n\t\t\tconst itemIdentifier = i?.[this._identifierKey];\n\t\t\tconst parsedItemIdentifier =\n\t\t\t\ttypeof itemIdentifier === 'string' || typeof itemIdentifier === 'number'\n\t\t\t\t\t? itemIdentifier\n\t\t\t\t\t: JSON.stringify(itemIdentifier);\n\n\t\t\treturn parsedItemIdentifier === parsedValue;\n\t\t});\n\n\t\tconsole.log('Found item', item, value);\n\t\tthis._selectValue(!!item ? item : value, false);\n\t}\n\n\tprivate _selectValue(item, forceBlur = true) {\n\t\tconsole.log('Start', item, this.valueKey, this.loading);\n\t\tlet value =\n\t\t\t!!this.valueKey &&\n\t\t\tthis.valueKey !== 'false' &&\n\t\t\titem !== null &&\n\t\t\t!this.loading\n\t\t\t\t? item?.[this.valueKey]\n\t\t\t\t: item;\n\t\tconsole.log('Start', item);\n\n\t\tif (this.multi) {\n\t\t\tif (!this._selectedItem || !Array.isArray(this._selectedItem)) {\n\t\t\t\tthis._selectedItem = [];\n\t\t\t}\n\n\t\t\tif (!this.value || !Array.isArray(this.value)) {\n\t\t\t\tthis.value = [];\n\t\t\t}\n\n\t\t\tconst selectedItem = [...this._selectedItem];\n\t\t\tconst valueArray = [...this.value];\n\n\t\t\tconst includesIndex = selectedItem.findIndex(\n\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t);\n\t\t\tif (includesIndex === -1) {\n\t\t\t\tselectedItem.push(item);\n\t\t\t\tvalueArray.push(value);\n\t\t\t} else {\n\t\t\t\tselectedItem.splice(includesIndex, 1);\n\t\t\t\tvalueArray.splice(includesIndex, 1);\n\t\t\t}\n\n\t\t\tthis._selectedItem = selectedItem;\n\t\t\tthis.value = valueArray;\n\t\t\tthis.valueChange.emit(valueArray);\n\t\t\treturn;\n\t\t}\n\n\t\tthis._selectedItem = item;\n\t\tthis._onBlur(forceBlur);\n\n\t\tif (value === this.value) {\n\t\t\treturn;\n\t\t}\n\n\t\tconsole.log('Setting value', value);\n\t\tthis.value = value;\n\t\tthis.valueChange.emit(value);\n\t}\n\n\tprivate _onClick(event) {\n\t\tconst composed = event?.composedPath();\n\n\t\tfor (const item of composed) {\n\t\t\tif (item.nodeName.toLowerCase() === 'p-button') {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif (item.classList?.contains('item')) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tthis._showDropdown = !this._showDropdown;\n\t}\n\n\tprivate _onBlur(force = false) {\n\t\tif (this.enableAutocomplete && !force) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = false;\n\t}\n\n\tprivate _onAutoComplete(ev) {\n\t\tif (!this.enableAutocomplete) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showDropdown = true;\n\n\t\tthis.query = ev.detail;\n\t\tthis.queryChange.emit(ev.detail);\n\t}\n\n\tprivate _checkvalue(key, item) {\n\t\treturn (\n\t\t\titem?.[key]\n\t\t\t\t?.toString()\n\t\t\t\t?.toLowerCase()\n\t\t\t\t.indexOf(this.query?.toLowerCase()) >= 0\n\t\t);\n\t}\n\n\tprivate _getItems() {\n\t\tlet items = this._items.map(item => {\n\t\t\tconst isSelected =\n\t\t\t\tthis.multi && !!this._selectedItem && Array.isArray(this._selectedItem)\n\t\t\t\t\t? this._selectedItem.findIndex(\n\t\t\t\t\t\t\ti => i[this._identifierKey] === item[this._identifierKey]\n\t\t\t\t\t  ) >= 0\n\t\t\t\t\t: item[this._identifierKey] ===\n\t\t\t\t\t  this._selectedItem?.[this._identifierKey];\n\t\t\treturn (\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tenableTextWrap={this.enableTextWrap}\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tonClick={() => this._selectValue(item)}\n\t\t\t\t\tactive={isSelected}\n\t\t\t\t\tcheckbox={this.multi ? true : false}\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this._getDisplay(item, false, isSelected)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t});\n\n\t\tif (!this._items.length) {\n\t\t\titems = [\n\t\t\t\t<p\n\t\t\t\t\tclass='w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200'\n\t\t\t\t\tslot='items'\n\t\t\t\t>\n\t\t\t\t\t{this.emptyStateText}\n\t\t\t\t</p>,\n\t\t\t];\n\t\t}\n\n\t\tif (this.enableSelectAll && this._items.length) {\n\t\t\titems.unshift(\n\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\tslot='items'\n\t\t\t\t\tuseContainer={false}\n\t\t\t\t\tcheckbox\n\t\t\t\t\tonClick={() => this._selectAllChange()}\n\t\t\t\t\tactive={this._allSelected}\n\t\t\t\t>\n\t\t\t\t\t{this.selectAllIcon?.length ? (\n\t\t\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t\t\t<div class='flex w-6 justify-center text-lg'>\n\t\t\t\t\t\t\t\t<p-icon variant={this.selectAllIcon} />\n\t\t\t\t\t\t\t</div>{' '}\n\t\t\t\t\t\t\t{this.selectAllText}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) : (\n\t\t\t\t\t\tthis.selectAllText\n\t\t\t\t\t)}\n\t\t\t\t</p-dropdown-menu-item>\n\t\t\t);\n\t\t}\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAddItem() {\n\t\treturn (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tonClick={() => this.add.emit()}\n\t\t\t\tuseContainer={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<span class='flex items-center gap-1 font-semibold text-indigo-600'>\n\t\t\t\t\t{this.addItemText}\n\t\t\t\t\t<p-icon variant='plus' />\n\t\t\t\t</span>\n\t\t\t</p-dropdown-menu-item>\n\t\t);\n\t}\n\n\tprivate _getLoadingItems() {\n\t\tconst items = [0, 0, 0].map(() => (\n\t\t\t<p-dropdown-menu-item\n\t\t\t\tenableHover={false}\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-full rounded'\n\t\t\t\t/>\n\t\t\t</p-dropdown-menu-item>\n\t\t));\n\n\t\tif (this.enableAutocomplete) {\n\t\t\titems.unshift(this._getAutoCompleteItem());\n\t\t}\n\n\t\treturn items;\n\t}\n\n\tprivate _getAutoCompleteItem() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass='sticky top-0 z-10 mb-3 h-8'\n\t\t\t\tslot='items'\n\t\t\t>\n\t\t\t\t<p-field\n\t\t\t\t\tclass='block'\n\t\t\t\t\tplaceholder={this.autocompletePlaceholder}\n\t\t\t\t\tonValueChange={ev => this._onAutoComplete(ev)}\n\t\t\t\t\tonInputRefChange={ev => (this.autocompleteInputRef = ev.detail)}\n\t\t\t\t\tvalue={this.query}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _setMultiContainerMaxWidth() {\n\t\tif (!this._inputRef || !this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst calced = this._inputRef.clientWidth - 16;\n\t\tthis._multiContainerRef.style.maxWidth = `${calced >= 16 ? calced : 16}px`;\n\t}\n\n\tprivate _setCheckSelectedItemsTimeout() {\n\t\tif (this._checkSelectedItemsTimeout) {\n\t\t\tclearTimeout(this._checkSelectedItemsTimeout);\n\t\t}\n\n\t\tthis._checkSelectedItemsTimeout = setTimeout(\n\t\t\t() => this._checkSelectedItems(),\n\t\t\t50\n\t\t);\n\t}\n\n\tprivate _checkSelectedItems() {\n\t\tif (!this._multiContainerRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst containerRect = this._multiContainerRef.getBoundingClientRect();\n\t\tconst items = this._multiContainerRef.querySelectorAll('.item');\n\n\t\tlet amountHidden = 0;\n\n\t\tfor (const child of items) {\n\t\t\tchild.classList.remove('hidden');\n\t\t\tchild.classList.add('flex');\n\n\t\t\tconst childRect = child.getBoundingClientRect();\n\t\t\tif (childRect.right > containerRect.right) {\n\t\t\t\tchild.classList.remove('flex');\n\t\t\t\tchild.classList.add('hidden');\n\t\t\t\tamountHidden++;\n\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t}\n\n\t\tthis._amountHidden = amountHidden;\n\t\tconst extra = this._multiContainerRef.querySelector('.extra');\n\t\tif (!extra) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!extra.classList.contains('hidden')) {\n\t\t\textra.classList.add('hidden');\n\t\t}\n\n\t\tif (amountHidden > 0) {\n\t\t\textra.classList.remove('hidden');\n\t\t}\n\t}\n\n\tprivate _onDropdownOpen(ev) {\n\t\tif (!ev.detail || !this.autocompleteInputRef) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetTimeout(() => this.autocompleteInputRef.focus(), 100);\n\t}\n\n\tprivate _selectAllChange() {\n\t\tthis._allSelected = !this._allSelected;\n\t\tthis.selectAllChange.emit(this._allSelected);\n\t}\n\n\tprivate _getDisplay(item, isSelection = false, isSelectedInMenu = false) {\n\t\tlet content = (\n\t\t\t<div\n\t\t\t\tclass={textContainer({\n\t\t\t\t\tvariant: 'default',\n\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\titem[\n\t\t\t\t\t\tisSelection\n\t\t\t\t\t\t\t? this.selectionDisplayKey ?? this.displayKey\n\t\t\t\t\t\t\t: this.displayKey\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t</div>\n\t\t);\n\n\t\tif (this.avatarKey) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t<p-avatar\n\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\tsrc={item[this.avatarKey]}\n\t\t\t\t\t\tletters={item[this.avatarLettersKey]}\n\t\t\t\t\t></p-avatar>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={textContainer({\n\t\t\t\t\t\t\tvariant: 'default',\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (this.iconKey && (!isSelection || this.showIconOnSelectedItem)) {\n\t\t\tcontent = (\n\t\t\t\t<span class='flex items-center gap-2'>\n\t\t\t\t\t{item[this.iconKey] && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200',\n\t\t\t\t\t\t\t\t(!isSelection || !!this.applyClassOnSelectedItem) &&\n\t\t\t\t\t\t\t\t\t(!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu)\n\t\t\t\t\t\t\t\t\t? item?.[this.iconClassKey] ?? ''\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tvariant={item[this.iconKey] as IconVariant}\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={textContainer({\n\t\t\t\t\t\t\tvariant: 'default',\n\t\t\t\t\t\t\terror: !!this.error?.length,\n\t\t\t\t\t\t\tenableTextWrap: this.enableTextWrap && !isSelection,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t{item[this.dropdownDisplayKey ?? this.displayKey]}\n\t\t\t\t\t</div>\n\t\t\t\t</span>\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\t(!isSelection || !!this.applyClassOnSelectedItem) &&\n\t\t\t(!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu) &&\n\t\t\t!!item?.[this.classKey]?.length\n\t\t) {\n\t\t\treturn <div class={item[this.classKey]}>{content}</div>;\n\t\t}\n\n\t\treturn content;\n\t}\n\n\tprivate _getParsedItems(applyPagination = true) {\n\t\tif (!this.items || this.loading) {\n\t\t\treturn [];\n\t\t}\n\n\t\tlet items =\n\t\t\ttypeof this.items === 'string' ? JSON.parse(this.items) : this.items;\n\n\t\tif (typeof items?.[0] === 'string') {\n\t\t\tthis.displayKey = 'text';\n\t\t\tthis.valueKey = 'value';\n\n\t\t\titems = items.map(str => ({\n\t\t\t\tvalue: str,\n\t\t\t\ttext: str,\n\t\t\t}));\n\t\t}\n\n\t\tif (this.query?.length && !this.asyncFilter) {\n\t\t\titems = items.filter(item => {\n\t\t\t\tif (this.queryKey) {\n\t\t\t\t\treturn this._checkvalue(this.queryKey, item);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\tthis._checkvalue(this._identifierKey, item) ||\n\t\t\t\t\tthis._checkvalue(this.displayKey, item)\n\t\t\t\t);\n\t\t\t});\n\t\t}\n\n\t\tif (!applyPagination) {\n\t\t\treturn items;\n\t\t}\n\n\t\treturn items?.slice(0, this.maxDisplayedItems);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/p-4E4JRnEa.js.map

@@ -1 +0,0 @@
-{"file":"p-4E4JRnEa.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 {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tWatch,\n\tState,\n\tListen,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { childOfComposed } from '../../../../utils/child-of';\nimport { PAGINATION_DEFAULT_PAGE_SIZE } from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\n\nexport type templateFunc = (page: number) => string;\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n\tdropdownIndex?: number;\n\toptions?: number[];\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\tprivate _defaultDropdownPageTemplate: templateFunc = page =>\n\t\tformatTranslation(this._locales.page, { page });\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 * 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 template for the data view\n\t */\n\t@Prop() dropdownPageTemplate: templateFunc =\n\t\tthis._defaultDropdownPageTemplate;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\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\t@State() private _showDropdown = [false, false];\n\t@State() private _dropdowns = [];\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tapplyChevron={false}\n\t\t\t\t\t\t\t\t\tinsideClick={true}\n\t\t\t\t\t\t\t\t\tshow={this._showDropdown[p.dropdownIndex]}\n\t\t\t\t\t\t\t\t\tonIsOpen={({ detail }) =>\n\t\t\t\t\t\t\t\t\t\tthis._onShowDropdown(detail, p.dropdownIndex)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tref={el => (this._dropdowns[p.dropdownIndex] = el)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-pagination-pages-item slot='trigger'>\n\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t\t\t\t\t{p.options?.slice(0, 5).map(v => (\n\t\t\t\t\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\t\t\t\t\tvariant='pagination'\n\t\t\t\t\t\t\t\t\t\t\t\tautoHeight={true}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => this._pageClick(v)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.dropdownPageTemplate\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.dropdownPageTemplate(v)\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._defaultDropdownPageTemplate(v)}\n\t\t\t\t\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t{p.options?.length > 5 &&\n\t\t\t\t\t\t\t\t\t\t\tthis._showDropdown[p.dropdownIndex] && (\n\t\t\t\t\t\t\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass='mt-2 w-28'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon='enter-key'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype='number'\n\t\t\t\t\t\t\t\t\t\t\t\t\tproperties={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax: this._pages.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstep: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEnter={({ detail }) => this._enterPress(detail)}\n\t\t\t\t\t\t\t\t\t\t\t\t></p-field>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</p-dropdown>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\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\tactive={p.value === this.page}\n\t\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\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\t\t\t\t</div>\n\t\t\t</ThemedHost>\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\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tconst dropdowns = [false, false];\n\t\tif (this._dropdowns[0] && childOfComposed(event, this._dropdowns[0])) {\n\t\t\tdropdowns[0] = true;\n\t\t}\n\n\t\tif (this._dropdowns[1] && childOfComposed(event, this._dropdowns[1])) {\n\t\t\tdropdowns[1] = true;\n\t\t}\n\n\t\tthis._showDropdown = dropdowns;\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._showDropdown = [false, false];\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 _enterPress(p: string | number) {\n\t\tif (typeof p === 'string') {\n\t\t\tp = parseInt(p);\n\t\t}\n\n\t\tif (isNaN(p)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (p < 1) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (p > this._pages.length) {\n\t\t\tp = this._pages.length;\n\t\t}\n\n\t\tthis._changePage(p);\n\t}\n\n\tprivate _onShowDropdown(show = false, dropdownIndex: number) {\n\t\tconst showDropdown = [...this._showDropdown];\n\t\tshowDropdown[dropdownIndex] = show;\n\t\tthis._showDropdown = showDropdown;\n\t}\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\tlet dropdownIndex = 0;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from({ length: start - 2 }, (_, i) => i + 2),\n\t\t\t});\n\t\t\tdropdownIndex++;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from(\n\t\t\t\t\t{ length: totalPages - end - 1 },\n\t\t\t\t\t(_, i) => i + end + 1\n\t\t\t\t),\n\t\t\t});\n\t\t\tdropdownIndex++;\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}

package/dist/paperless/p-641222ac.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,F as r,g as i}from"./p-Dpmiv2da.js";import{c as o}from"./p-CBWjHURv.js";import{T as n}from"./p-C1iNEsnH.js";import{P as s,a as h}from"./p-vyRrSf5s.js";import{a as p}from"./p-BFSNj6hu.js";import{f as d,g}from"./p-DiJj8rmO.js";import{c}from"./p-CT54OXR2.js";import{a as m}from"./p-C5CTp9IA.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const l="*{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-solid{border-style:solid!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-off-white-700{--tw-text-opacity:1!important;color:rgb(222 219 213/var(--tw-text-opacity,1))!important}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}";const w=o(["p-pagination","items-center gap-2","rounded-full","bg-off-white-300 border border-solid border-off-white-700","dark:bg-hurricane-500 dark:border-hurricane-400","p-1"],{variants:{hidden:{false:"flex",true:"hidden"}}});const f=class{constructor(a){t(this,a);this.pageChange=e(this,"pageChange",3);this.pageSizeChange=e(this,"pageSizeChange",3);this.pagesChange=e(this,"pagesChange",3)}hideOnSinglePage=true;enablePaginationSize=true;enablePaginationPages=true;page=1;total;pageSize=s;pageSizeOptions=h;pageChange;pageSizeChange;pagesChange;_hasPaginationPages=true;render(){const t=this.hideOnSinglePage&&this.total<=this.pageSizeOptions?.[0];return a(n,{key:"bcde797de60d6429022c715ce087064cf02be38d"},a("div",{key:"8ec4343e86455080017a71aa0aab3c533ee2af6c",class:w({hidden:t&&!this._hasPaginationPages||!this.enablePaginationSize&&!this.enablePaginationPages})},this.enablePaginationPages&&this.enablePaginationSize&&a(r,{key:"8d99901d0bc501b5aa66b40fd2a8c60415049f05"},a("p-pagination-size",{key:"8a5799ac33e9e84630c9eebc6f1c1a4931b325d5",hidden:t,size:this.pageSize,sizeOptions:this.pageSizeOptions,onSizeChange:({detail:t})=>this._changePageSize(t)}),!t&&this.hideOnSinglePage&&this._hasPaginationPages&&a("p-divider",{key:"48900c21a0de1af114e4f0c784e8b680c7527d03",variant:"vertical",class:"mx-0 h-4 text-off-white-700 dark:text-hurricane-400"})),this.enablePaginationPages&&a("p-pagination-pages",{key:"9ffb6d5a3c282f14df3adcb99ffa16c0ed147b2c",pageSize:this.pageSize,total:this.total,page:this.page,hideOnSinglePage:this.hideOnSinglePage,onPageChange:({detail:t})=>this.pageChange.emit(t),onPagesChange:({detail:t})=>{this._hasPaginationPages=t>1;this.pagesChange.emit(t)}})))}_changePageSize(t){if(!t){return}this.pageSize=t;this.pageSizeChange.emit(this.pageSize)}};f.style=l;const b="*{box-sizing:border-box}.static{position:static!important}.mt-2{margin-top:.5rem!important}.flex{display:flex!important}.hidden{display:none!important}.w-28{width:7rem!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}";const u=o(["p-pagination","flex gap-2 items-center"],{variants:{hidden:{false:"flex",true:"hidden"}}});const v=class{constructor(a){t(this,a);this.pageChange=e(this,"pageChange",3);this.pagesChange=e(this,"pagesChange",3)}_defaultDropdownPageTemplate=t=>d(this._locales.page,{page:t});page=1;pageChange;dropdownPageTemplate=this._defaultDropdownPageTemplate;pageSize=s;hideOnSinglePage=false;total;pagesChange;_showDropdown=[false,false];_dropdowns=[];_locales={};get _el(){return i(this)}_pages=[];_set=[];componentWillLoad(){this._setLocales()}componentWillRender(){this._generate()}render(){return a(n,{key:"aaf3e71903ad861f039ceabfefbfdc0be38a6568"},a("div",{key:"41ffcc99576ba46d8b2f3730c7db0fec8823c1f8",class:u({hidden:this.hideOnSinglePage&&this._set?.length===3})},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return a("p-pagination-pages-item",{variant:"carousel",disabled:this._carouselDisabled(t.type),onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return a("p-dropdown",{placement:"top",applyChevron:false,insideClick:true,show:this._showDropdown[t.dropdownIndex],onIsOpen:({detail:e})=>this._onShowDropdown(e,t.dropdownIndex),ref:e=>this._dropdowns[t.dropdownIndex]=e},a("p-pagination-pages-item",{slot:"trigger"},"..."),a("slot",{slot:"items"},t.options?.slice(0,5).map((t=>a("p-dropdown-menu-item",{variant:"pagination",autoHeight:true,onClick:()=>this._pageClick(t)},this.dropdownPageTemplate?this.dropdownPageTemplate(t):this._defaultDropdownPageTemplate(t)))),t.options?.length>5&&this._showDropdown[t.dropdownIndex]&&a("p-field",{class:"mt-2 w-28",size:"sm",icon:"enter-key",iconPosition:"end",type:"number",properties:{min:1,max:this._pages.length,step:1},autoFocus:true,onEnter:({detail:t})=>this._enterPress(t)})))}return a("p-pagination-pages-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)}))))}pageChangeHandler(){this._generate()}async _setLocales(){this._locales=await g(this._el)}documentClickHandler(t){const e=[false,false];if(this._dropdowns[0]&&p(t,this._dropdowns[0])){e[0]=true}if(this._dropdowns[1]&&p(t,this._dropdowns[1])){e[1]=true}this._showDropdown=e}_generate(){this._pages=this._generatePages();this._set=this._generateSet();if(this.page>this._pages?.length){this._changePage(this._pages.length)}}_changePage(t){if(!t){return}this._showDropdown=[false,false];this.page=t;this.pageChange.emit(this.page)}_previousClick(){if(this._carouselDisabled("previous")){return}this._changePage(this.page-1)}_nextClick=()=>{if(this._carouselDisabled("next")){return}this._changePage(this.page+1)};_carouselDisabled=t=>{if(t==="next"){const t=this.page+1;if(t>this._pages[this._pages.length-1]){return true}}if(t==="previous"){const t=this.page-1;if(t<this._pages[0]){return true}}return false};_pageClick=t=>this._changePage(t);_enterPress(t){if(typeof t==="string"){t=parseInt(t)}if(isNaN(t)){return}if(t<1){t=1}if(t>this._pages.length){t=this._pages.length}this._changePage(t)}_onShowDropdown(t=false,e){const a=[...this._showDropdown];a[e]=t;this._showDropdown=a}_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);this.pagesChange.emit(t);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const r=this._pages.length;if(!r){return[]}let i=this.page-t;let o=this.page+t;if(o>r){o=r;i=r-t*2;i=i<1?1:i}if(i<=1){i=1;o=Math.min(t*2+1,r)}const n=[];const s={type:"previous",value:a("p-icon",{variant:"caret",size:"sm",rotate:90})};const h={type:"next",value:a("p-icon",{variant:"caret",size:"sm",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[s,...t,h]:t}if(e){n.push(s)}let p=0;if(i<=3){for(let t=1;t<i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",dropdownIndex:p,options:Array.from({length:i-2},((t,e)=>e+2))});p++}for(let t=i;t<=o;t++){n.push({type:"page",value:this._pages[t-1]})}if(o>=r-2){for(let t=o+1;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis",dropdownIndex:p,options:Array.from({length:r-o-1},((t,e)=>e+o+1))});p++;n.push({type:"page",value:this._pages[this._pages.length-1]})}if(e){n.push(h)}return n};static get watchers(){return{page:["pageChangeHandler"],pageSize:["pageChangeHandler"],total:["pageChangeHandler"]}}};v.style=b;const x="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.text-nowrap{text-wrap:nowrap!important}.rounded-full{border-radius:9999px!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-indigo-600{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity,1))!important}.border-transparent{border-color:transparent!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-hurricane-200{--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-500{color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.text-storm-500,.text-white{--tw-text-opacity:1!important}.text-white{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important}.ring-indigo-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:bg-white-600:hover{--tw-bg-opacity:1!important;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.group\\/pagination-size-trigger:hover .group-hover\\/pagination-size-trigger\\:text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/25:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.25)!important}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/25:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.dark\\:hover\\:bg-white\\/25:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.25)!important}.group\\/pagination-size-trigger:hover .dark\\:group-hover\\/pagination-size-trigger\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const k=o("p-pagination-size",{variants:{hidden:{false:null,true:"hidden"}}});const y=o(["group/pagination-size-trigger","flex items-center gap-2","px-2 h-6","text-sm text-storm-500 font-medium ","dark:text-white","cursor-pointer rounded-full","shadow-1 border border-solid"],{variants:{active:{false:["bg-white hover:bg-white-600 border-transparent","dark:bg-white/15 dark:hover:bg-white/25"],true:["bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100","dark:bg-white/25 dark:ring-0"]}}});const z=class{constructor(a){t(this,a);this.sizeChange=e(this,"sizeChange",3)}_defaultItemTemplate=t=>d(this._locales.item,{size:t});size=s;sizeOptions=h;sizeChange;itemTemplate=this._defaultItemTemplate;get _el(){return i(this)}hidden=false;dropdownIsOpen=false;_locales={};componentWillLoad(){this._setLocales()}render(){return a(n,{key:"a18dd95925cb38687e6463f32e2e7c8d04c4d689",class:k({hidden:m(this.hidden)})},a("p-dropdown",{key:"f7ffc0bfe61c6d4fded92b543cd26603c7352625",applyFullWidth:true,applyMaxWidth:false,placement:"top-start",chevronDirection:"down",onIsOpen:({detail:t})=>this.dropdownIsOpen=t},a("div",{key:"15eceebfd2f2cfa644efe43e795126c6c9a62a35",class:y({active:this.dropdownIsOpen}),slot:"trigger"},a("p",{key:"f8b00116365d9065943e10325bad2a0337788156",class:"min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap"},this.itemTemplate?this.itemTemplate(this.size):this._defaultItemTemplate(this.size)),a("p-icon",{key:"1a8d46f5e8128174359bf17d89892a3abb989299",class:c(["flex-shrink-0","group-hover/pagination-size-trigger:text-storm-500","dark:group-hover/pagination-size-trigger:text-white"],{"text-storm-300 dark:text-hurricane-200":!this.dropdownIsOpen,"text-storm-500 dark:text-white":!!this.dropdownIsOpen}),variant:"double-caret",size:"sm"})),a("slot",{key:"5a53c7343a61ef699a6bdae8044224141748c47f",slot:"items"},this.sizeOptions.map((t=>a("p-dropdown-menu-item",{active:t===this.size,onClick:()=>this._changeSize(t)},this.itemTemplate?this.itemTemplate(t):this._defaultItemTemplate(t)))))))}async _setLocales(){this._locales=await g(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};z.style=x;export{f as p_pagination,v as p_pagination_pages,z as p_pagination_size};
-//# sourceMappingURL=p-641222ac.entry.js.map

package/dist/paperless/p-641222ac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paginationComponentCss","pagination","cva","variants","hidden","false","true","Pagination","hideOnSinglePage","enablePaginationSize","enablePaginationPages","page","total","pageSize","PAGINATION_DEFAULT_PAGE_SIZE","pageSizeOptions","PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS","pageChange","pageSizeChange","pagesChange","_hasPaginationPages","render","hidePageSizeSelect","this","h","ThemedHost","key","class","Fragment","size","sizeOptions","onSizeChange","detail","_changePageSize","variant","onPageChange","emit","onPagesChange","s","paginationPagesComponentCss","PaginationPages","_defaultDropdownPageTemplate","formatTranslation","_locales","dropdownPageTemplate","_showDropdown","_dropdowns","_pages","_set","componentWillLoad","_setLocales","componentWillRender","_generate","length","map","p","type","disabled","_carouselDisabled","onClick","_previousClick","_nextClick","value","placement","applyChevron","insideClick","show","dropdownIndex","onIsOpen","_onShowDropdown","ref","el","slot","options","slice","v","autoHeight","_pageClick","icon","iconPosition","properties","min","max","step","autoFocus","onEnter","_enterPress","active","pageChangeHandler","getLocaleComponentStrings","_el","documentClickHandler","event","dropdowns","childOfComposed","_generatePages","_generateSet","_changePage","nextPage","previousPage","parseInt","isNaN","showDropdown","pages","Math","ceil","Array","fill","undefined","_","i","range","enableBoundaries","totalPages","start","end","set","previous","rotate","next","push","from","paginationSizeComponentCss","paginationSize","trigger","PaginationSize","_defaultItemTemplate","item","sizeChange","itemTemplate","dropdownIsOpen","asBoolean","applyFullWidth","applyMaxWidth","chevronDirection","cn","option","_changeSize"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx","src/components/molecules/pagination/pages/pagination-pages.component.css?tag=p-pagination-pages&encapsulation=shadow","src/components/molecules/pagination/pages/pagination-pages.component.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":[null,"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 { ThemedHost } from '../../../../internal/themed-host.component';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/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-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\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 = PAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\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",null,"import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tWatch,\n\tState,\n\tListen,\n\tElement,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { childOfComposed } from '../../../../utils/child-of';\nimport { PAGINATION_DEFAULT_PAGE_SIZE } from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\n\nexport type templateFunc = (page: number) => string;\n\ntype PaginationSetItem = {\n\ttype: string;\n\tvalue?: number | Element | JSX.Element | string;\n\tdropdownIndex?: number;\n\toptions?: number[];\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\tprivate _defaultDropdownPageTemplate: templateFunc = page =>\n\t\tformatTranslation(this._locales.page, { page });\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 * 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 template for the data view\n\t */\n\t@Prop() dropdownPageTemplate: templateFunc =\n\t\tthis._defaultDropdownPageTemplate;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = PAGINATION_DEFAULT_PAGE_SIZE;\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\t@State() private _showDropdown = [false, false];\n\t@State() private _dropdowns = [];\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tprivate _pages: number[] = [];\n\tprivate _set: PaginationSetItem[] = [];\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._generate();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden: this.hideOnSinglePage && this._set?.length === 3,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this._set?.map(p => {\n\t\t\t\t\t\tif (p.type === 'previous' || p.type === 'next') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-pagination-pages-item\n\t\t\t\t\t\t\t\t\tvariant='carousel'\n\t\t\t\t\t\t\t\t\tdisabled={this._carouselDisabled(p.type)}\n\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\tp.type === 'previous'\n\t\t\t\t\t\t\t\t\t\t\t? this._previousClick()\n\t\t\t\t\t\t\t\t\t\t\t: this._nextClick()\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{p.value}\n\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (p.type === 'ellipsis') {\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<p-dropdown\n\t\t\t\t\t\t\t\t\tplacement='top'\n\t\t\t\t\t\t\t\t\tapplyChevron={false}\n\t\t\t\t\t\t\t\t\tinsideClick={true}\n\t\t\t\t\t\t\t\t\tshow={this._showDropdown[p.dropdownIndex]}\n\t\t\t\t\t\t\t\t\tonIsOpen={({ detail }) =>\n\t\t\t\t\t\t\t\t\t\tthis._onShowDropdown(detail, p.dropdownIndex)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tref={el => (this._dropdowns[p.dropdownIndex] = el)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<p-pagination-pages-item slot='trigger'>\n\t\t\t\t\t\t\t\t\t\t...\n\t\t\t\t\t\t\t\t\t</p-pagination-pages-item>\n\t\t\t\t\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t\t\t\t\t{p.options?.slice(0, 5).map(v => (\n\t\t\t\t\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\t\t\t\t\tvariant='pagination'\n\t\t\t\t\t\t\t\t\t\t\t\tautoHeight={true}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => this._pageClick(v)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{this.dropdownPageTemplate\n\t\t\t\t\t\t\t\t\t\t\t\t\t? this.dropdownPageTemplate(v)\n\t\t\t\t\t\t\t\t\t\t\t\t\t: this._defaultDropdownPageTemplate(v)}\n\t\t\t\t\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t{p.options?.length > 5 &&\n\t\t\t\t\t\t\t\t\t\t\tthis._showDropdown[p.dropdownIndex] && (\n\t\t\t\t\t\t\t\t\t\t\t\t<p-field\n\t\t\t\t\t\t\t\t\t\t\t\t\tclass='mt-2 w-28'\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon='enter-key'\n\t\t\t\t\t\t\t\t\t\t\t\t\ticonPosition='end'\n\t\t\t\t\t\t\t\t\t\t\t\t\ttype='number'\n\t\t\t\t\t\t\t\t\t\t\t\t\tproperties={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmin: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tmax: this._pages.length,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstep: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoFocus={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEnter={({ detail }) => this._enterPress(detail)}\n\t\t\t\t\t\t\t\t\t\t\t\t></p-field>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</slot>\n\t\t\t\t\t\t\t\t</p-dropdown>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\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\tactive={p.value === this.page}\n\t\t\t\t\t\t\t\tonClick={() => this._pageClick(p.value as number)}\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\t\t\t\t</div>\n\t\t\t</ThemedHost>\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\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tconst dropdowns = [false, false];\n\t\tif (this._dropdowns[0] && childOfComposed(event, this._dropdowns[0])) {\n\t\t\tdropdowns[0] = true;\n\t\t}\n\n\t\tif (this._dropdowns[1] && childOfComposed(event, this._dropdowns[1])) {\n\t\t\tdropdowns[1] = true;\n\t\t}\n\n\t\tthis._showDropdown = dropdowns;\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._showDropdown = [false, false];\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 _enterPress(p: string | number) {\n\t\tif (typeof p === 'string') {\n\t\t\tp = parseInt(p);\n\t\t}\n\n\t\tif (isNaN(p)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (p < 1) {\n\t\t\tp = 1;\n\t\t}\n\n\t\tif (p > this._pages.length) {\n\t\t\tp = this._pages.length;\n\t\t}\n\n\t\tthis._changePage(p);\n\t}\n\n\tprivate _onShowDropdown(show = false, dropdownIndex: number) {\n\t\tconst showDropdown = [...this._showDropdown];\n\t\tshowDropdown[dropdownIndex] = show;\n\t\tthis._showDropdown = showDropdown;\n\t}\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\tlet dropdownIndex = 0;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from({ length: start - 2 }, (_, i) => i + 2),\n\t\t\t});\n\t\t\tdropdownIndex++;\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\tdropdownIndex,\n\t\t\t\toptions: Array.from(\n\t\t\t\t\t{ length: totalPages - end - 1 },\n\t\t\t\t\t(_, i) => i + end + 1\n\t\t\t\t),\n\t\t\t});\n\t\t\tdropdownIndex++;\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",null,"import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tPAGINATION_DEFAULT_PAGE_SIZE,\n\tPAGINATION_DEFAULT_PAGE_SIZE_OPTIONS,\n} from '../../../../utils/constants';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\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'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\n\t\t'cursor-pointer rounded-full',\n\t\t'shadow-1 border border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\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 =\n\t\tPAGINATION_DEFAULT_PAGE_SIZE;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;\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<ThemedHost 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\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={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\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</ThemedHost>\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"],"mappings":"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","ignoreList":[]}

package/dist/paperless/p-acc09f05.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as i,h as s}from"./p-Dpmiv2da.js";import{a as r}from"./p-BFSNj6hu.js";import{c as a}from"./p-CBWjHURv.js";import{c as o}from"./p-CT54OXR2.js";import{S as n}from"./p-vyRrSf5s.js";import{T as h}from"./p-C1iNEsnH.js";import"./p-ChV9xqsO.js";import"./p-BIwGgs9f.js";const l="*{box-sizing:border-box}:host{--tw-translate-y:0px!important;--tw-translate-x:0px!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:sticky!important}.top-0{top:0!important}.z-10{z-index:10!important}.mb-3{margin-bottom:.75rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.h-\\[1\\.625rem\\]{height:1.625rem!important}.h-full{height:100%!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.p-2{padding:.5rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-indigo-500{--tw-text-opacity:1!important;color:rgb(142 179 251/var(--tw-text-opacity,1))!important}.text-indigo-600{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-negative-red-700{--tw-text-opacity:1!important;color:rgb(147 16 16/var(--tw-text-opacity,1))!important}.text-storm-100{--tw-text-opacity:1!important;color:rgb(209 210 212/var(--tw-text-opacity,1))!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.filter{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}.group\\/button:hover .group-hover\\/button\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group\\/item:hover .group-hover\\/item\\:text-indigo-800{--tw-text-opacity:1!important;color:rgb(27 88 210/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 92 92/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}.group\\/item:hover .dark\\:group-hover\\/item\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const p=a(["flex items-center gap-2","flex-1 min-w-0 h-full","pointer-events-none overflow-hidden"]);const c=a(["item group/item","pointer-events-auto cursor-pointer","flex h-[1.625rem] items-center gap-2","h-[1.625rem] px-2","text-sm font-semibold whitespace-nowrap","rounded-lg","bg-indigo-100","dark:bg-white/15"]);const m=a("block w-full overflow-hidden text-start",{variants:{variant:{placeholder:"text-storm-400 dark:text-white",default:null},enableTextWrap:{true:false,false:"text-ellipsis whitespace-nowrap"},error:{true:"text-negative-red-700 dark:text-negative-red-alternative group-hover/button:text-negative-red-800",false:null}}});const d=class{constructor(i){t(this,i);this.queryChange=e(this,"queryChange",3);this.valueChange=e(this,"valueChange",3);this.selectAllChange=e(this,"selectAllChange",3);this.dropdownShown=e(this,"dropdownShown",3);this.add=e(this,"add",3);if(i.$hostElement$["s-ei"]){this._internals=i.$hostElement$["s-ei"]}else{this._internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this._internals}}items;multi;strategy="absolute";icon;query;placeholder;autocompletePlaceholder="Search...";value;displayKey="text";dropdownDisplayKey;selectionDisplayKey;valueKey;avatarKey;iconKey="icon";iconClassKey="iconClass";showIconOnSelectedItem;classKey="class";applyClassOnSelectedItem;applyClassOnSelectedItemInMenu;avatarLettersKey;identifierKey;queryKey;autoSelectFirst=true;showChevron=true;maxDisplayedItems=n;enableAutocomplete=true;enableTextWrap=false;asyncFilter=false;loading=false;enableSelectAll=false;selectAllText="Select all";selectAllIcon;queryChange;valueChange;selectAllChange;dropdownShown;size="base";prefix;label;helper;required=true;showOptional=true;error;disabled=false;showAddItem=false;addItemText="Add item";add;emptyStateText="No items available";get _el(){return i(this)}_showDropdown=false;_selectedItem=null;_allSelected=false;_amountHidden=0;_internals;_inputRef;autocompleteInputRef;_multiContainerRef;_resizeObserver;_resizeDebounceTimer;_checkSelectedItemsTimeout;get _items(){return this._getParsedItems()}get _displayValue(){const t=s("div",{class:m({variant:"placeholder"})},this.placeholder);if(!this._selectedItem){return t}if(this.multi){if(this._selectedItem?.length===0){return t}return s("div",{class:p(),ref:t=>this._multiContainerRef=t},this._selectedItem.map((t=>s("div",{class:c(),onClick:()=>this._selectValue(t)},t[this.selectionDisplayKey??this.displayKey],s("p-icon",{class:"text-xs text-indigo-500 group-hover/item:text-indigo-800 dark:text-white/15 dark:group-hover/item:text-white",variant:"negative"})))),s("div",{class:"extra pointer-events-none hidden text-sm text-storm-100"},"+",this._amountHidden))}return this._getDisplay(this._selectedItem,true)}get _identifierKey(){return this.identifierKey??this.valueKey??"value"}formResetCallback(){this._selectValue(null)}componentDidLoad(){if(!this.valueKey&&!this.identifierKey){throw new Error("You must provide a valueKey or identifierKey")}if(this.multi){this._setMultiContainerMaxWidth();this._resizeObserver=new ResizeObserver((()=>{if(this._resizeDebounceTimer){clearTimeout(this._resizeDebounceTimer);this._resizeDebounceTimer=null}this._resizeDebounceTimer=setTimeout((()=>{this._setMultiContainerMaxWidth();this._setCheckSelectedItemsTimeout()}),200)}));this._resizeObserver.observe(this._el)}if(this.value){console.log("On load",this.value);this._valueChange(this.value,null);return}this.itemChanges()}componentDidRender(){if(this.multi){this._setMultiContainerMaxWidth()}}disconnectedCallback(){if(this.multi){this._resizeObserver.disconnect()}}render(){let t=this.icon;if(this._selectedItem&&!this.avatarKey&&!!this.iconKey&&this._selectedItem?.[this.iconKey]&&!this.showIconOnSelectedItem){t=this._selectedItem[this.iconKey]}if(this.avatarKey&&this._selectedItem?.[this.avatarKey]||this.avatarLettersKey&&this._selectedItem?.[this.avatarLettersKey]){t=null}if(this.error?.length){t="warning"}return s(h,{key:"a41991f924c400f2427ff11f455edbbc9f0dfe89"},s("p-field-container",{key:"964bba52127d2379e6a3f00260f791d559bcaedc",variant:"write",prefix:this.prefix,label:this.label,helper:this.helper,required:this.required,showOptional:this.showOptional,error:this.error,forceShowTooltip:!!this.error?.length&&!this._showDropdown},s("p-dropdown",{key:"a85a4fdd71d520033554156ee693b2befab5d9c3",applyFullWidth:true,applyMaxWidth:false,slot:"content",insideClick:true,manual:true,scrollable:this.enableAutocomplete?"large":true,"disable-trigger-click":this.disabled,show:this._showDropdown,onIsOpen:t=>this._onDropdownOpen(t),strategy:this.strategy},s("p-button",{key:"4e795615150e184a00ff2912dd80bb58780cfc30",slot:"trigger",class:"w-full",variant:"secondary",size:this.size,chevron:this.showChevron?this._showDropdown?"up":"down":false,active:this._showDropdown,error:!!this.error?.length,icon:t,iconClass:this.applyClassOnSelectedItem&&this._selectedItem?.[this.iconClassKey],onClick:t=>this._onClick(t)},s("div",{key:"371c51e120888c7837486ac5974e9da069aa8ce2",class:"relative min-w-0 flex-1",ref:t=>this._inputRef=t},this._displayValue)),this.loading?this._getLoadingItems():this._getItems(),this.showAddItem&&this._getAddItem())))}documentClickHandler(t){if(!this._showDropdown||r(t,this._el)){return}this._showDropdown=false}_valueChange(t,e){console.log("value change",t,e);setTimeout((()=>{this._preselectItem();this._setCheckSelectedItemsTimeout()}))}itemChanges(){setTimeout((()=>this._preselectItem()))}_showDropdownChanges(){this.dropdownShown.emit({value:this._showDropdown,query:this.query})}multiChanges(){if(this._selectedItem&&!Array.isArray(this._selectedItem)){this._selectedItem=[]}}_preselectItem(){console.log("Preselect start",this.value);let t=typeof this.value==="string"&&this.multi?JSON.parse(this.value):this.value;console.log("Post",t);if(this.multi){if(!Array.isArray(t)){this.value=[];this.valueChange.emit(this.value);return}this.value=t;if(!t.length){this._selectedItem=[];return}this._selectedItem=!!this.valueKey&&this.valueKey!=="false"?this._items.filter((e=>t.includes(e?.[this.valueKey]))):[...t];return}if(!this._selectedItem&&!t&&this.autoSelectFirst){t=this._items[0]}console.log("post !this._selectedItem check",t);const e=typeof t==="object"&&t!==null?t[this._identifierKey]:t;const i=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);const s=this._selectedItem?this._selectedItem?.[this._identifierKey]:null;const r=typeof s==="string"||typeof s==="number"?s:JSON.stringify(s);console.log("parsedValue",i);console.log("currentParsedValue",r);if(this._selectedItem&&r===i){return}if(!this._items?.length&&t){console.log("No length",t);this._selectValue(t,false);return}const a=this._getParsedItems(false);const o=a.find((t=>{const e=t?.[this._identifierKey];const s=typeof e==="string"||typeof e==="number"?e:JSON.stringify(e);return s===i}));console.log("Found item",o,t);this._selectValue(!!o?o:t,false)}_selectValue(t,e=true){console.log("Start",t,this.valueKey,this.loading);let i=!!this.valueKey&&this.valueKey!=="false"&&t!==null&&!this.loading?t?.[this.valueKey]:t;console.log("Start",t);if(this.multi){if(!this._selectedItem||!Array.isArray(this._selectedItem)){this._selectedItem=[]}if(!this.value||!Array.isArray(this.value)){this.value=[]}const e=[...this._selectedItem];const s=[...this.value];const r=e.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]));if(r===-1){e.push(t);s.push(i)}else{e.splice(r,1);s.splice(r,1)}this._selectedItem=e;this.value=s;this.valueChange.emit(s);return}this._selectedItem=t;this._onBlur(e);if(i===this.value){return}console.log("Setting value",i);this.value=i;this.valueChange.emit(i)}_onClick(t){const e=t?.composedPath();for(const t of e){if(t.nodeName.toLowerCase()==="p-button"){break}if(t.classList?.contains("item")){return}}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(this.enableAutocomplete&&!t){return}this._showDropdown=false}_onAutoComplete(t){if(!this.enableAutocomplete){return}this._showDropdown=true;this.query=t.detail;this.queryChange.emit(t.detail)}_checkvalue(t,e){return e?.[t]?.toString()?.toLowerCase().indexOf(this.query?.toLowerCase())>=0}_getItems(){let t=this._items.map((t=>{const e=this.multi&&!!this._selectedItem&&Array.isArray(this._selectedItem)?this._selectedItem.findIndex((e=>e[this._identifierKey]===t[this._identifierKey]))>=0:t[this._identifierKey]===this._selectedItem?.[this._identifierKey];return s("p-dropdown-menu-item",{enableTextWrap:this.enableTextWrap,useContainer:false,onClick:()=>this._selectValue(t),active:e,checkbox:this.multi?true:false,slot:"items"},this._getDisplay(t,false,e))}));if(!this._items.length){t=[s("p",{class:"w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200",slot:"items"},this.emptyStateText)]}if(this.enableSelectAll&&this._items.length){t.unshift(s("p-dropdown-menu-item",{slot:"items",useContainer:false,checkbox:true,onClick:()=>this._selectAllChange(),active:this._allSelected},this.selectAllIcon?.length?s("span",{class:"flex items-center gap-2"},s("div",{class:"flex w-6 justify-center text-lg"},s("p-icon",{variant:this.selectAllIcon}))," ",this.selectAllText):this.selectAllText))}if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAddItem(){return s("p-dropdown-menu-item",{onClick:()=>this.add.emit(),useContainer:false,slot:"items"},s("span",{class:"flex items-center gap-1 font-semibold text-indigo-600"},this.addItemText,s("p-icon",{variant:"plus"})))}_getLoadingItems(){const t=[0,0,0].map((()=>s("p-dropdown-menu-item",{enableHover:false,slot:"items"},s("p-loader",{variant:"ghost",class:"h-6 w-full rounded"}))));if(this.enableAutocomplete){t.unshift(this._getAutoCompleteItem())}return t}_getAutoCompleteItem(){return s("div",{class:"sticky top-0 z-10 mb-3 h-8",slot:"items"},s("p-field",{class:"block",placeholder:this.autocompletePlaceholder,onValueChange:t=>this._onAutoComplete(t),onInputRefChange:t=>this.autocompleteInputRef=t.detail,value:this.query}))}_setMultiContainerMaxWidth(){if(!this._inputRef||!this._multiContainerRef){return}const t=this._inputRef.clientWidth-16;this._multiContainerRef.style.maxWidth=`${t>=16?t:16}px`}_setCheckSelectedItemsTimeout(){if(this._checkSelectedItemsTimeout){clearTimeout(this._checkSelectedItemsTimeout)}this._checkSelectedItemsTimeout=setTimeout((()=>this._checkSelectedItems()),50)}_checkSelectedItems(){if(!this._multiContainerRef){return}const t=this._multiContainerRef.getBoundingClientRect();const e=this._multiContainerRef.querySelectorAll(".item");let i=0;for(const s of e){s.classList.remove("hidden");s.classList.add("flex");const e=s.getBoundingClientRect();if(e.right>t.right){s.classList.remove("flex");s.classList.add("hidden");i++;continue}}this._amountHidden=i;const s=this._multiContainerRef.querySelector(".extra");if(!s){return}if(!s.classList.contains("hidden")){s.classList.add("hidden")}if(i>0){s.classList.remove("hidden")}}_onDropdownOpen(t){if(!t.detail||!this.autocompleteInputRef){return}setTimeout((()=>this.autocompleteInputRef.focus()),100)}_selectAllChange(){this._allSelected=!this._allSelected;this.selectAllChange.emit(this._allSelected)}_getDisplay(t,e=false,i=false){let r=s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[e?this.selectionDisplayKey??this.displayKey:this.displayKey]);if(this.avatarKey){r=s("span",{class:"flex items-center gap-2"},s("p-avatar",{size:"sm",src:t[this.avatarKey],letters:t[this.avatarLettersKey]}),s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))}if(this.iconKey&&(!e||this.showIconOnSelectedItem)){r=s("span",{class:"flex items-center gap-2"},t[this.iconKey]&&s("p-icon",{class:o("text-storm-300 dark:text-hurricane-200",(!e||!!this.applyClassOnSelectedItem)&&(!i||!!this.applyClassOnSelectedItemInMenu)?t?.[this.iconClassKey]??"":""),variant:t[this.iconKey]}),s("div",{class:m({variant:"default",error:!!this.error?.length,enableTextWrap:this.enableTextWrap&&!e})},t[this.dropdownDisplayKey??this.displayKey]))}if((!e||!!this.applyClassOnSelectedItem)&&(!i||!!this.applyClassOnSelectedItemInMenu)&&!!t?.[this.classKey]?.length){return s("div",{class:t[this.classKey]},r)}return r}_getParsedItems(t=true){if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof e?.[0]==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this.query?.length&&!this.asyncFilter){e=e.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this._identifierKey,t)||this._checkvalue(this.displayKey,t)}))}if(!t){return e}return e?.slice(0,this.maxDisplayedItems)}static get formAssociated(){return true}static get watchers(){return{value:["_valueChange"],items:["itemChanges"],_showDropdown:["_showDropdownChanges"],multi:["multiChanges"]}}};d.style=l;export{d as p_select};
-//# sourceMappingURL=p-acc09f05.entry.js.map