@paperless/core 2.0.1-beta.23 → 2.0.1-beta.25

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

@@ -0,0 +1 @@
+{"version":3,"names":["inputGroupComponentCss","PInputGroupStyle0","InputGroup","_whitelistedTags","componentDidLoad","console","warn","componentWillRender","this","_setInputClasses","render","hasHeaderSlot","helper","label","prefix","suffix","errorAndErrorIsNotBoolean","errorVariant","_getSlotInfo","h","Host","key","class","error","length","disabled","focused","size","onClick","_focusInput","required","name","placement","variant","content","show","forceShowTooltip","_forceShowTooltip","enableUserInput","slot","icon","iconPosition","rotate","iconRotate","flip","iconFlip","handleFocusIn","handleFocusOut","input","_el","querySelector","tagName","toLowerCase","indexOf","classList","contains","add","remove","hasHelperSlot","hasLabelSlot","hasPrefixSlot","hasSuffixSlot","offsetWidth","focusMethod"],"sources":["src/components/molecules/input-group/input-group.component.scss?tag=p-input-group&encapsulation=shadow","src/components/molecules/input-group/input-group.component.tsx"],"sourcesContent":[":host {\n\t@apply flex w-full flex-col;\n\t@apply outline-none #{!important};\n\n\t.input-label {\n\t\t@apply mb-[2px] text-xs font-semibold uppercase tracking-wider text-storm-vague;\n\t}\n\n\t.input-header {\n\t\t@apply mb-[2px] flex items-end gap-2;\n\t}\n\n\t.content {\n\t\t@apply flex w-full;\n\n\t\t.prefix,\n\t\t.suffix {\n\t\t\t@apply box-border flex-1 text-storm;\n\t\t\t@apply h-full;\n\t\t}\n\n\t\t.prefix {\n\t\t\t@apply rounded-br-none rounded-tr-none;\n\t\t\t@apply border-r-0 #{!important};\n\t\t\t@apply order-1;\n\t\t\t@apply pr-2;\n\t\t}\n\n\t\t.suffix {\n\t\t\t@apply rounded-bl-none rounded-tl-none;\n\t\t\t@apply order-3;\n\t\t\t@apply pl-2;\n\t\t\t@apply border-l-0 #{!important};\n\t\t}\n\t}\n}\n\n:host(.focused),\n:host([focused]),\n:host(:focus-within),\n:host(:focus) {\n\t@apply outline-none #{!important};\n\n\t.prefix,\n\t.suffix {\n\t\t@apply text-indigo;\n\t}\n}\n\n:host(.error),\n:host([error]) {\n\t.prefix,\n\t.suffix {\n\t\t@apply text-negative;\n\t}\n\n\t.suffix {\n\t\t@apply items-start py-[calc(0.75rem-1px)];\n\t}\n}\n\n:host(.disabled),\n:host([disabled]) {\n\t.prefix,\n\t.suffix {\n\t}\n}\n\n:host(.size-small.error),\n:host(.size-small[error]) {\n\t.suffix {\n\t\t@apply py-2;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../../atoms/icon/icon.component';\n\n@Component({\n\ttag: 'p-input-group',\n\tstyleUrl: './input-group.component.scss',\n\tshadow: true,\n})\nexport class InputGroup {\n\t/**\n\t * The size of the input group\n\t */\n\t@Prop() size: 'small' | 'medium' = 'medium';\n\n\t/**\n\t * The prefix of the input group\n\t */\n\t@Prop() prefix: string;\n\n\t/**\n\t * The suffix of the input group\n\t */\n\t@Prop() suffix: string;\n\n\t/**\n\t * Icon of the input group\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Icon flip\n\t */\n\t@Prop() iconFlip: IconFlipOptions;\n\n\t/**\n\t * Icon rotate\n\t */\n\t@Prop() iconRotate: RotateOptions;\n\n\t/**\n\t * Icon position\n\t */\n\t@Prop() iconPosition: 'start' | 'end' = 'start';\n\n\t/**\n\t * The label of the input group\n\t */\n\t@Prop() label: string;\n\n\t/**\n\t * The helper of the input group\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;\n\n\t/**\n\t * The helper of the input group\n\t */\n\t@Prop({ reflect: true }) error: string;\n\n\t/**\n\t * Wether the input group is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the input group is focused\n\t */\n\t@Prop({ reflect: true }) focused: boolean = false;\n\n\t/**\n\t * Force show the error tooltip\n\t */\n\t@Prop({ reflect: true }) forceShowTooltip: boolean = false;\n\n\t/**\n\t * The method to use when focusing the input\n\t */\n\t@Prop() focusMethod: 'focus' | 'click' = 'focus';\n\n\t/**\n\t * The error variant to use\n\t */\n\t@Prop() errorVariant: 'auto' | 'suffix' | 'element' = 'auto';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _forceShowTooltip = false;\n\n\tprivate _whitelistedTags = ['input', 'textarea'];\n\n\tcomponentDidLoad() {\n\t\tconsole.warn('[p-input-group] Deprecated, please use p-field');\n\t}\n\n\tcomponentWillRender() {\n\t\tthis._setInputClasses();\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant,\n\t\t} = this._getSlotInfo();\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-input-group ${this.error?.length && 'error'} ${\n\t\t\t\t\tthis.disabled && 'disabled'\n\t\t\t\t} ${this.focused && 'focused'} size-${this.size}`}\n\t\t\t>\n\t\t\t\t<div class='flex items-end justify-between'>\n\t\t\t\t\t{label && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass='input-label'\n\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t{this.required && <span class='ml-1 text-negative'>*</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{(helper || hasHeaderSlot) && (\n\t\t\t\t\t\t<div class='input-header'>\n\t\t\t\t\t\t\t{hasHeaderSlot && <slot name='header' />}\n\t\t\t\t\t\t\t{helper && (\n\t\t\t\t\t\t\t\t<p-helper\n\t\t\t\t\t\t\t\t\tclass={`flex ${hasHeaderSlot ? 'ml-2' : ''}`}\n\t\t\t\t\t\t\t\t\tplacement='top-end'\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{helper}\n\t\t\t\t\t\t\t\t</p-helper>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<p-tooltip\n\t\t\t\t\tclass='w-full'\n\t\t\t\t\tvariant='error'\n\t\t\t\t\tcontent={this.error}\n\t\t\t\t\tshow={\n\t\t\t\t\t\terrorAndErrorIsNotBoolean &&\n\t\t\t\t\t\terrorVariant === 'element' &&\n\t\t\t\t\t\t(this.forceShowTooltip || this._forceShowTooltip)\n\t\t\t\t\t}\n\t\t\t\t\tenableUserInput={false}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass='content'\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t{(prefix || (this.icon && this.iconPosition === 'start')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`prefix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.icon && this.iconPosition === 'start' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tprefix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{(suffix ||\n\t\t\t\t\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t\t\t\t\t(this.icon && this.iconPosition === 'end')) && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclass={`suffix size-${this.size}`}\n\t\t\t\t\t\t\t\tonClick={() => this._focusInput()}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{errorAndErrorIsNotBoolean && errorVariant === 'icon' ? (\n\t\t\t\t\t\t\t\t\t<p-input-error\n\t\t\t\t\t\t\t\t\t\terror={this.error}\n\t\t\t\t\t\t\t\t\t\tforceShowTooltip={\n\t\t\t\t\t\t\t\t\t\t\tthis.forceShowTooltip || this._forceShowTooltip\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) : this.icon && this.iconPosition === 'end' ? (\n\t\t\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\t\t\tclass='flex'\n\t\t\t\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t\t\t\t\trotate={this.iconRotate}\n\t\t\t\t\t\t\t\t\t\tflip={this.iconFlip}\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\tsuffix\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<slot name='input' />\n\t\t\t\t\t</div>\n\t\t\t\t</p-tooltip>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('focusin')\n\thandleFocusIn() {\n\t\tthis._forceShowTooltip = true;\n\t}\n\n\t@Listen('focusout')\n\thandleFocusOut() {\n\t\tthis._forceShowTooltip = false;\n\t}\n\t/*\n     With this, we shall hack the system in ways no one would ever have thought.\n\n     <div class=\"pl-0 pr-0 border-l-0 border-r-0 rounded-tl-none rounded-bl-none rounded-tr-none rounded-br-none\"></div>\n     */\n\tprivate _setInputClasses() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\n\t\tif (!input) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst tagName = input.tagName.toLowerCase();\n\t\tif (this._whitelistedTags.indexOf(tagName) === -1) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!input.classList.contains('p-input')) {\n\t\t\tinput.classList.add('p-input');\n\t\t}\n\n\t\tconst { prefix, suffix, errorAndErrorIsNotBoolean, errorVariant } =\n\t\t\tthis._getSlotInfo();\n\n\t\tif (\n\t\t\tsuffix ||\n\t\t\t(errorAndErrorIsNotBoolean && errorVariant === 'icon') ||\n\t\t\t(this.icon && this.iconPosition === 'end')\n\t\t) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-r-0',\n\t\t\t\t'rounded-tr-none',\n\t\t\t\t'rounded-br-none',\n\t\t\t\t'pr-0'\n\t\t\t);\n\t\t}\n\n\t\tif (prefix || (this.icon && this.iconPosition === 'start')) {\n\t\t\tinput.classList.add(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t} else {\n\t\t\tinput.classList.remove(\n\t\t\t\t'border-l-0',\n\t\t\t\t'rounded-tl-none',\n\t\t\t\t'rounded-bl-none',\n\t\t\t\t'pl-0'\n\t\t\t);\n\t\t}\n\n\t\tif (this.size === 'small' && !input.classList.contains('size-small')) {\n\t\t\tinput.classList.add('size-small');\n\t\t}\n\n\t\tif (this.size !== 'small' && input.classList.contains('size-small')) {\n\t\t\tinput.classList.remove('size-small');\n\t\t}\n\t}\n\n\tprivate _getSlotInfo() {\n\t\tconst hasHelperSlot = !!this._el.querySelector(':scope > [slot=\"helper\"]');\n\t\tconst hasLabelSlot = !!this._el.querySelector(':scope > [slot=\"label\"]');\n\t\tconst hasPrefixSlot = !!this._el.querySelector(':scope > [slot=\"prefix\"]');\n\t\tconst hasSuffixSlot = !!this._el.querySelector(':scope > [slot=\"suffix\"]');\n\t\tconst hasHeaderSlot = !!this._el.querySelector(':scope > [slot=\"header\"]');\n\n\t\tconst helper = hasHelperSlot ? <slot name='helper' /> : this.helper;\n\t\tconst label = hasLabelSlot ? <slot name='label' /> : this.label;\n\t\tconst prefix = hasPrefixSlot ? <slot name='prefix' /> : this.prefix;\n\t\tconst suffix = hasSuffixSlot ? <slot name='suffix' /> : this.suffix;\n\n\t\tconst errorAndErrorIsNotBoolean =\n\t\t\tthis.error && typeof this.error === 'string' && this.error !== 'true';\n\n\t\treturn {\n\t\t\thasHelperSlot,\n\t\t\thasLabelSlot,\n\t\t\thasPrefixSlot,\n\t\t\thasSuffixSlot,\n\t\t\thasHeaderSlot,\n\t\t\thelper,\n\t\t\tlabel,\n\t\t\tprefix,\n\t\t\tsuffix,\n\t\t\terrorAndErrorIsNotBoolean,\n\t\t\terrorVariant:\n\t\t\t\tthis.errorVariant === 'auto'\n\t\t\t\t\t? this._el.offsetWidth <= 72\n\t\t\t\t\t\t? 'element'\n\t\t\t\t\t\t: 'icon'\n\t\t\t\t\t: this.errorVariant,\n\t\t};\n\t}\n\n\tprivate _focusInput() {\n\t\tconst input = this._el.querySelector(':scope > [slot=\"input\"]');\n\t\t(input as HTMLElement)[this.focusMethod]();\n\t}\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/build/{p-ec082bfe.entry.js → p-f56de35e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,g as i,h as s,H as a}from"./p-45ded510.js";import{f as r,g as n}from"./p-f26a3049.js";import{d as o,a as h}from"./p-da7b6f2c.js";const p=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3);this.size=o;this.sizeOptions=h;this.chevronPosition="start";this.buttonSize="sm";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}_defaultButtonTemplate=t=>r(this._locales.item,{size:t});_defaultItemTemplate=t=>r(this._locales.item,{size:t});sizeChange;get _el(){return i(this)}componentWillLoad(){this._setLocales()}render(){return s(a,{key:"fed0ed91432b016ba89756bbb1da23280d53fbad",class:`p-page-size-select ${this.hidden&&"hidden"}`},s("p-dropdown",{key:"e0c88d1e79a318d6722aa930d398c2885c25db55",placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},s("p-button",{key:"5533afc447a3cc32e173e5043461e503d79d85ca",variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),s("slot",{key:"03b5da08593e42e2c632418d3c40621377e181c9",slot:"items"},this.sizeOptions.map((t=>s("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 n(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};const c=".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";const l=c;const d=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return s(a,{key:"b78ab074e0cbaf260070e2ae6689c58d44474132",class:`p-pagination ${this.hideOnSinglePage&&this._set?.length===3&&"hidden"}`},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return s("p-pagination-item",{onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return s("p-pagination-item",null,"...")}return s("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_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.page=t;this.pageChange.emit(this.page)}_previousClick(){const t=this.page-1;if(t<this._pages[0]){return}this._changePage(t)}_nextClick=()=>{const t=this.page+1;if(t>this._pages[this._pages.length-1]){return}this._changePage(t)};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const i=this._pages.length;if(!i){return[]}let a=this.page-t;let r=this.page+t;if(r>i){r=i;a=i-t*2;a=a<1?1:a}if(a<=1){a=1;r=Math.min(t*2+1,i)}const n=[];const o={type:"previous",value:s("p-icon",{variant:"caret",rotate:90})};const h={type:"next",value:s("p-icon",{variant:"caret",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,h]:t}if(e){n.push(o)}if(a<=3){for(let t=1;t<a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=a;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=i-2){for(let t=r+1;t<=i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});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"]}}};d.style=l;const g=".flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";const f=g;const u=class{constructor(e){t(this,e);this.active=false}render(){return s(a,{key:"7057240b7a1e8ad095e9c3414b03060f6f63bef2",class:`p-pagination-item ${this.active&&"active"}`},s("slot",{key:"d55228d72fcf51a6c7bf9f848c401553b86e40d6"}))}};u.style=f;export{p as p_page_size_select,d as p_pagination,u as p_pagination_item};
-//# sourceMappingURL=p-ec082bfe.entry.js.map
+import{r as t,c as e,g as i,h as s,H as a}from"./p-45ded510.js";import{f as r,g as n}from"./p-f26a3049.js";import{d as o,a as h}from"./p-da7b6f2c.js";const p=class{constructor(i){t(this,i);this.sizeChange=e(this,"sizeChange",3);this.size=o;this.sizeOptions=h;this.chevronPosition="start";this.buttonSize="sm";this.buttonTemplate=this._defaultButtonTemplate;this.itemTemplate=this._defaultItemTemplate;this.hidden=false;this._locales={}}_defaultButtonTemplate=t=>r(this._locales.item,{size:t});_defaultItemTemplate=t=>r(this._locales.item,{size:t});sizeChange;get _el(){return i(this)}componentWillLoad(){this._setLocales()}render(){return s(a,{key:"fed0ed91432b016ba89756bbb1da23280d53fbad",class:`p-page-size-select ${this.hidden&&"hidden"}`},s("p-dropdown",{key:"e0c88d1e79a318d6722aa930d398c2885c25db55",placement:"top-start",chevronPosition:this.chevronPosition,chevronDirection:"down"},s("p-button",{key:"5533afc447a3cc32e173e5043461e503d79d85ca",variant:"secondary",slot:"trigger",size:this.buttonSize},this.buttonTemplate?this.buttonTemplate(this.size):this._defaultButtonTemplate(this.size)),s("slot",{key:"03b5da08593e42e2c632418d3c40621377e181c9",slot:"items"},this.sizeOptions.map((t=>s("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 n(this._el)}_changeSize(t){if(!t){return}this.size=t;this.sizeChange.emit(this.size)}};const c=".flex{display:flex!important}*{box-sizing:border-box}p-pagination{display:flex}.static{position:static!important}.hidden{display:none!important}";const l=c;const d=class{constructor(i){t(this,i);this.pageChange=e(this,"pageChange",3);this.page=1;this.pageSize=12;this.hideOnSinglePage=false;this.total=undefined}pageChange;_pages=[];_set=[];componentWillRender(){this._generate()}render(){return s(a,{key:"3568c3e866dcd2ffee3fb8acd34a81d63e564068",class:`p-pagination ${this.hideOnSinglePage&&this._set?.length===3&&"hidden"}`},this._set?.map((t=>{if(t.type==="previous"||t.type==="next"){return s("p-pagination-item",{onClick:()=>t.type==="previous"?this._previousClick():this._nextClick()},t.value)}if(t.type==="ellipsis"){return s("p-pagination-item",null,"...")}return s("p-pagination-item",{active:t.value===this.page,onClick:()=>this._pageClick(t.value)},t.value)})))}pageChangeHandler(){this._generate()}_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.page=t;this.pageChange.emit(this.page)}_previousClick(){const t=this.page-1;if(t<this._pages[0]){return}this._changePage(t)}_nextClick=()=>{const t=this.page+1;if(t>this._pages[this._pages.length-1]){return}this._changePage(t)};_pageClick=t=>this._changePage(t);_generatePages(){if(!this.total||!this.pageSize){return[]}const t=Math.ceil(this.total/this.pageSize);return new Array(t).fill(undefined).map(((t,e)=>e+1))}_generateSet=(t=1,e=true)=>{const i=this._pages.length;if(!i){return[]}let a=this.page-t;let r=this.page+t;if(r>i){r=i;a=i-t*2;a=a<1?1:a}if(a<=1){a=1;r=Math.min(t*2+1,i)}const n=[];const o={type:"previous",value:s("p-icon",{variant:"caret",rotate:90})};const h={type:"next",value:s("p-icon",{variant:"caret",rotate:-90})};if(t===null){const t=this._pages.map((t=>({type:"page",value:t})));return e?[o,...t,h]:t}if(e){n.push(o)}if(a<=3){for(let t=1;t<a;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"page",value:1});n.push({type:"ellipsis",value:"ellipsis"})}for(let t=a;t<=r;t++){n.push({type:"page",value:this._pages[t-1]})}if(r>=i-2){for(let t=r+1;t<=i;t++){n.push({type:"page",value:this._pages[t-1]})}}else{n.push({type:"ellipsis"});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"]}}};d.style=l;const g=".flex{display:flex!important}.h-8{height:2rem!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity,1))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity,1))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(128 130 158/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;line-height:1.25rem;width:2rem}:host(:focus),:host(:hover){--tw-text-opacity:1;color:rgb(81 83 107/var(--tw-text-opacity,1))}:host(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1));color:rgb(82 138 250/var(--tw-text-opacity,1))}.static{position:static!important}";const f=g;const u=class{constructor(e){t(this,e);this.active=false}render(){return s(a,{key:"7057240b7a1e8ad095e9c3414b03060f6f63bef2",class:`p-pagination-item ${this.active&&"active"}`},s("slot",{key:"d55228d72fcf51a6c7bf9f848c401553b86e40d6"}))}};u.style=f;export{p as p_page_size_select,d as p_pagination,u as p_pagination_item};
+//# sourceMappingURL=p-f56de35e.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as a}from"./p-45ded510.js";const i="*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.gap-2{gap:.5rem!important}";const o=i;const s=class{constructor(t){e(this,t);this.header=undefined}render(){return t(a,{key:"2278321f85bd2cc19317f416174aee1d2797ff56",class:"p-navigation-section flex flex-col gap-2"},this.header?.length>0&&t("p-navigation-title",{key:"2eba4771425254e503d02470d0b7caeb18cac710"},this.header),t("div",{key:"bf1ffb4905308dbc7694e911ca171be4686e0300",class:"flex flex-col"},t("slot",{key:"e646b3ae3781eea037ff358dc59937d847f2b956"})))}};s.style=o;export{s as p_navigation_section};
+//# sourceMappingURL=p-fc9cfbd1.entry.js.map