p-8e92e9a3.entry.js

/*!
 * Built by BASIS
 * Copyright BASIS International Ltd.
 */
import{r as t,c as r,h as o,H as a,g as e}from"./p-0f27354a.js";import{s as n,d as i}from"./p-89a330bf.js";import{h as d}from"./p-3e9fe89f.js";var s=function(t,r,o,a){void 0===r&&(r=1),void 0===o&&(o=10),void 0===a&&(a=10);var e,n,i=Math.ceil(t/o);if(r<1?r=1:r>i&&(r=i),i<=a)e=1,n=i;else{var d=Math.floor(a/2),s=Math.ceil(a/2)-1;r<=d?(e=1,n=a):r+s>=i?(e=i-a+1,n=i):(e=r-d,n=r+s)}var c=(r-1)*o,b=Math.min(c+o-1,t-1),l=Array.from(Array(n+1-e).keys()).map((function(t){return e+t}));return{totalItems:t,currentPage:r,pageSize:o,totalPages:i,startPage:e,endPage:n,startIndex:c,endIndex:b,pages:l}};const c=class{constructor(o){t(this,o),this.nextEvent=r(this,"dwc-next",7),this.previousEvent=r(this,"dwc-previous",7),this.firstEvent=r(this,"dwc-first",7),this.lastEvent=r(this,"dwc-last",7),this.changedEvent=r(this,"dwc-changed",7),this.canScrollRight=!1,this.canScrollLeft=!1,this.state={totalItems:0,currentPage:0,pageSize:0,totalPages:0,startPage:0,endPage:0,startIndex:0,endIndex:0,pages:[]},this.autoDisable=!0,this.current=1,this.disabled=!1,this.expanse="m",this.label="navigation",this.labelFirst="Goto first page",this.labelPrevious="Goto previous page",this.labelNext="Goto next page",this.labelLast="Goto last page",this.labelPage="Goto page",this.layout="numbered",this.max=5,this.readonly=!1,this.size=10,this.suppressFirst=!1,this.suppressPrevious=!1,this.suppressNext=!1,this.suppressLast=!1,this.totalItems=0}onLayoutChange(){this.$layoutEl&&this.layoutResizeObserver.observe(this.$layoutEl)}onChanged(){this.calculate()}connectedCallback(){this.handleInputBlurred=this.handleInputBlurred.bind(this)}componentWillLoad(){this.calculate()}componentDidLoad(){null!=window.applyFocusVisiblePolyfill&&window.applyFocusVisiblePolyfill(this.el.shadowRoot),this.layoutResizeObserver=new ResizeObserver((()=>{this.updateOverflow()})),this.$layoutEl&&this.layoutResizeObserver.observe(this.$layoutEl),this.scrollToPage(this.current)}calculate(){const t=this.current||1;this.state=s(this.totalItems,t,this.size,this.max),this.startIndex=this.state.startIndex,this.endIndex=this.state.endIndex,this.startPage=this.state.startPage,this.endPage=this.state.endPage,this.totalPages=this.state.totalPages,this.scrollToPage(t)}scrollToPage(t){this.el&&"numbered"===this.layout&&requestAnimationFrame((()=>{const r=this.el.shadowRoot.querySelector(`[data-index="${t}"]`);r&&n(r,this.$middleArea,{inline:"center"}),this.updateOverflow()}))}updatePage(t,r,o){o.preventDefault();const a=this.state,e={value:0===a.currentPage||0===t?1:t,oldValue:0===a.currentPage||0===t?1:a.currentPage},n=()=>{const r=s(this.totalItems,t,this.size,this.max);this.current=t!==r.currentPage?r.currentPage:t,e.value!==e.oldValue&&this.changedEvent.emit(e)};if(1!==t||"first"!==r&&"input"!==r||(this.firstEvent.emit(e),n()),(t===a.totalPages&&"last"===r||"input"===r)&&(this.lastEvent.emit(e),n()),"previous"===r&&(this.previousEvent.emit(e),n()),"next"===r&&(this.nextEvent.emit(e),n()),("numbered"===r||"input"===r)&&a.totalItems>0){const r=t>a.currentPage;t<a.currentPage&&this.previousEvent.emit(e),r&&this.nextEvent.emit(e),n()}}getText(t,r){const o=this[`text${t}`];if(!o)return null;let a=null;a=o.indexOf("return")>=0?o:"'use strict'; return "+o+";";const e=this.state;try{const t=new Function("control","component","x","current","startIndex","endIndex","startPage","endPage","totalPages","totalItems","page",a)(this,this,e.currentPage,e.currentPage,e.startIndex,e.endIndex,e.startPage,e.endPage,e.totalPages,e.totalItems,r);return t instanceof Object?null:String(t)}catch(t){return null}}updateOverflow(){if(this.$layoutEl)switch(i(this.$layoutEl,this.$middleArea,"horizontal")){case"right":case"left":this.canScrollRight=!0;break;default:this.canScrollRight=!0,this.canScrollLeft=!0}}handleInputBlurred(t){const r=Number(t.target.value);this.updatePage(r,"input",t)}render(){const t=this.state,r=this.getText("First")||this.textFirst||'<dwc-icon pool="dwc" name="chevrons-left"></dwc-icon>',e=this.getText("Previous")||this.textPrevious||'<dwc-icon pool="dwc" name="chevron-left"></dwc-icon>',n=this.getText("Next")||this.textNext||'<dwc-icon pool="dwc" name="chevron-right"></dwc-icon>',i=this.getText("Last")||this.textLast||'<dwc-icon pool="dwc" name="chevrons-right"></dwc-icon>',s=this.getText("Separator")||this.textSeparator||"...",c=this.getText("Preview")||this.textPreview||`${t.currentPage} of ${t.totalPages}`,b=!(!this.disabled&&!this.readonly)||!!this.autoDisable&&t.currentPage<=1,l=b,u=!(!this.disabled&&!this.readonly)||!!this.autoDisable&&t.totalPages>0&&t.currentPage===t.totalPages,h=u;return o(a,{key:"63f3643a3cf56e2f5097360c330a9a3c614d1114","data-scrollable-right":"numbered"===this.layout&&this.canScrollRight,"data-scrollable-left":"numbered"===this.layout&&this.canScrollLeft,class:d({BBjControl:!0,BBjNavigator:!0,"bbj-disabled":this.disabled,"bbj-readonly":this.readonly})},o("div",{key:"e0784bfb60c4b5fdb29c2b00ae9bf91d497cd8a9",part:"control",role:"navigation","aria-label":this.label},o("div",{key:"aa5bc03876b31f0041747ea652bd57d5a37b10e2",part:"area area-left"},!this.suppressFirst&&o("button",{key:"97d28e002c9f9d062355054ea09535171abf8be2",part:"button button-first",innerHTML:r,disabled:b,title:this.labelFirst,"aria-disabled":b?"true":"false","aria-label":this.labelFirst,onClick:t=>this.updatePage(1,"first",t)}),!this.suppressPrevious&&o("button",{key:"8ce51d14191bb50b02005ec10fbdb2563d8b2083",part:"button button-previous",innerHTML:e,disabled:l,title:this.labelPrevious,"aria-disabled":l?"true":"false","aria-label":this.labelPrevious,onClick:r=>this.updatePage(t.currentPage-1,"previous",r)})),o("div",{key:"bcc451aa43f379a24f35a97a697388db790ea70a",ref:t=>this.$middleArea=t,part:"area area-middle"},"numbered"===this.layout&&o("div",{key:"7027e2bad150bfdc03e4d0d3ae82d8f4c0958b04",ref:t=>this.$layoutEl=t,part:"layout layout-numbered"},t.startPage>1&&o("button",{key:"b9b77989de5138964b7ea5579ef2bd7e26d8762d",part:"button button-separator button-separator-left",role:"separator",tabIndex:-1,"aria-hidden":"true",innerHTML:s}),t.pages.map((r=>o("button",{key:r,part:"button button-numbered "+(t.currentPage===r?"button-numbered-selected":""),disabled:this.readonly||this.disabled,title:`${this.labelPage} ${r}`,innerHTML:this.getText("Page",r)||String(r),"data-index":r,"aria-current":t.currentPage===r?"true":"false","aria-label":`${this.labelPage} ${r}`,onClick:t=>this.updatePage(r,"numbered",t)}))),t.endPage!==t.totalPages&&o("button",{key:"1f3a20b6ece7cd254a0445ea98321f1092cf365a",part:"button button-separator button-separator-right",role:"separator",tabIndex:-1,"aria-hidden":"true",innerHTML:s})),"preview"===this.layout&&o("div",{key:"84298d25c1964908fcdc2d29bd7f1b11f814ff48",ref:t=>this.$layoutEl=t,part:"layout layout-preview",innerHTML:c}),"quick-jump"===this.layout&&o("div",{key:"f951eca158589daa1a3611fd86f96909c1f5d9e0",ref:t=>this.$layoutEl=t,part:"layout layout-quick-jump"},o("dwc-field",{key:"fccd4342a95fa86ba648ce4ef6c8f7580617db28",part:"input",type:"number",min:1,max:t.totalPages,step:1,value:t.currentPage,disabled:this.readonly||this.disabled,"onDwc-blurred":this.handleInputBlurred}))),o("div",{key:"d414fd0190115d2787b937169bc0a2363955a671",part:"area area-right"},!this.suppressNext&&o("button",{key:"935e26eb670b559f86e9d15073a7baee7d8e9bfd",part:"button button-next",innerHTML:n,disabled:u,title:this.labelNext,"aria-disabled":u?"true":"false","aria-label":this.labelNext,onClick:r=>this.updatePage(t.currentPage+1,"next",r)}),!this.suppressLast&&o("button",{key:"a368a035cc2ebc6fdceb123da5ac934d2fd8a5af",part:"button button-last",innerHTML:i,disabled:h,title:this.labelLast,"aria-disabled":h?"true":"false","aria-label":this.labelLast,onClick:r=>this.updatePage(t.totalPages,"last",r)}))))}get el(){return e(this)}static get watchers(){return{layout:["onLayoutChange"],totalItems:["onChanged"],current:["onChanged"],size:["onChanged"],max:["onChanged"]}}};c.style='@media (prefers-reduced-motion: reduce){*,::before,::after{animation-delay:-1ms !important;animation-duration:1ms !important;animation-iteration-count:1 !important;background-attachment:initial !important;scroll-behavior:auto !important;transition-delay:0s !important;transition-duration:0s !important}}:host{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}:host *,:host *::before,:host *::after{box-sizing:inherit}:host{--_dwc-navigator-border-color:var(--dwc-navigator-border-color, var(--dwc-color-default));border:var(--dwc-border-width) var(--dwc-border-style) var(--_dwc-navigator-border-color);display:inline-block}[part=control]{border-radius:var(--dwc-border-radius);display:flex;height:100%;width:100%}[part~=area]{display:flex}[part~=area-middle]{display:flex;flex:1;margin:0;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none;scrollbar-width:none;white-space:nowrap}[part~=area-middle]::-webkit-scrollbar{display:none}[part~=layout]{align-items:stretch;align-items:center;display:flex;margin:var(--dwc-focus-ring-width);margin-left:auto;margin-right:auto;padding:0}[part~=layout-preview]{align-items:center;justify-content:center;padding:var(--dwc-space-s) var(--dwc-space-m)}[part~=layout-quick-jump]{flex:1;margin:var(--dwc-focus-ring-width)}[part~=layout-quick-jump] dwc-field{--dwc-border-radius:var(--dwc-border-radius-s);width:100%}[part~=button]{--dwc-icon-size:1.5em;align-items:center;background-color:transparent;border:var(--dwc-border-width) var(--dwc-border-style) transparent;border-radius:var(--dwc-border-radius);display:flex;font-family:inherit;font-size:inherit;font-weight:inherit;height:100%;justify-content:center;line-height:inherit;margin:0;padding:0 var(--dwc-space-s);transition:var(--dwc-transition) background-color, var(--dwc-transition) color, var(--dwc-transition) border, var(--dwc-transition) box-shadow, var(--dwc-transition) opacity;width:var(--dwc-navigator-button-width, auto)}[part~=button]::-moz-focus-inner{border:0}[part~=button]:focus{outline:none}[part~=button][part~=button-separator]{cursor:auto}:host(:not([disabled])) [part~=button]:not([disabled]){cursor:var(--dwc-cursor-click)}[part~=button-first],[part~=button-previous]{border-right:var(--dwc-border-width) var(--dwc-border-style) var(--_dwc-navigator-border-color)}[part~=button-next],[part~=button-last]{border-left:var(--dwc-border-width) var(--dwc-border-style) var(--_dwc-navigator-border-color)}[part~=button-first],[part~=button-previous],[part~=button-next],[part~=button-last]{background-color:var(--dwc-navigator-button-background, transparent);color:var(--dwc-navigator-button-color, currentColor);padding:var(--dwc-space-s)}:host(:not([disabled])) [part~=button-first]:not([disabled]),:host(:not([disabled])) [part~=button-previous]:not([disabled]),:host(:not([disabled])) [part~=button-next]:not([disabled]),:host(:not([disabled])) [part~=button-last]:not([disabled]){overflow:hidden;position:relative;transform:translate3d(0, 0, 0)}:host(:not([disabled])) [part~=button-first]:not([disabled])::after,:host(:not([disabled])) [part~=button-previous]:not([disabled])::after,:host(:not([disabled])) [part~=button-next]:not([disabled])::after,:host(:not([disabled])) [part~=button-last]:not([disabled])::after{background-image:radial-gradient(circle, var(--dwc-ripple-color, currentColor) 10%, transparent 10.01%);background-position:50%;background-repeat:no-repeat;content:"";display:block;filter:blur(3px);height:100%;left:50%;margin-left:-50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) scale(10, 10);transition:transform var(--dwc-transition-fast), opacity var(--dwc-transition-x-slow), filter var(--dwc-transition-slow);width:100%}:host(:not([disabled])) [part~=button-first]:not([disabled]):active::after,:host(:not([disabled])) [part~=button-previous]:not([disabled]):active::after,:host(:not([disabled])) [part~=button-next]:not([disabled]):active::after,:host(:not([disabled])) [part~=button-last]:not([disabled]):active::after{filter:blur(0);opacity:0.2;transform:translateY(-50%) scale(0, 0) !important;transition:none}:host(:not([disabled])) [part~=button-first]:not([disabled]):hover,:host(:not([disabled])) [part~=button-first]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-previous]:not([disabled]):hover,:host(:not([disabled])) [part~=button-previous]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-next]:not([disabled]):hover,:host(:not([disabled])) [part~=button-next]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-last]:not([disabled]):hover,:host(:not([disabled])) [part~=button-last]:not([disabled]).focus-visible{background-color:var(--dwc-navigator-button-hover-background, transparent);color:var(--dwc-navigator-button-hover-color, var(--dwc-color-primary-text-light))}:host(:not([disabled])) [part~=button-first]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-previous]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-next]:not([disabled]).focus-visible,:host(:not([disabled])) [part~=button-last]:not([disabled]).focus-visible{border:var(--dwc-border-width) var(--dwc-border-style) var(--dwc-navigator-button-focus-border, var(--dwc-color-primary));box-shadow:var(--dwc-navigator-button-focus-ring, var(--dwc-focus-ring-default))}:host(:not([disabled])) [part~=button-first]:not([disabled]):active,:host(:not([disabled])) [part~=button-previous]:not([disabled]):active,:host(:not([disabled])) [part~=button-next]:not([disabled]):active,:host(:not([disabled])) [part~=button-last]:not([disabled]):active{background-color:var(--dwc-navigator-button-active-background, transparent);color:var(--dwc-navigator-button-active-color, var(--dwc-color-primary-text-dark))}[part~=button-numbered]{background-color:var(--dwc-navigator-numbered-button-background, transparent);border-radius:var(--dwc-border-radius);color:var(--dwc-navigator-numbered-button-color, currentColor);margin:var(--dwc-space-xs);min-height:var(--dwc-size-s);min-width:var(--dwc-size-s)}:host(:not([disabled])) [part~=button-numbered]:not([part~=button-numbered-selected]):hover,:host(:not([disabled])) [part~=button-numbered]:not([part~=button-numbered-selected]).focus-visible{background-color:var(--dwc-navigator-numbered-button-hover-background, transparent);color:var(--dwc-navigator-numbered-button-hover-color, var(--dwc-color-primary-text-light))}[part~=button-numbered-selected]{background-color:var(--dwc-navigator-numbered-button-selected-background, var(--dwc-color-primary));color:var(--dwc-navigator-numbered-button-selected-color, var(--dwc-color-on-primary-text))}:host(:not([disabled])) [part~=button-numbered].focus-visible{border:var(--dwc-border-width) var(--dwc-border-style) var(--dwc-navigator-button-focus-border, var(--dwc-color-primary));box-shadow:var(--dwc-navigator-numbered-button-focus-ring, var(--dwc-focus-ring-default))}:host([theme=primary]){--dwc-navigator-button-hover-color:var(--dwc-color-primary-text-light);--dwc-navigator-button-active-color:var(--dwc-color-primary-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-primary);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-primary);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-primary);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-primary-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([theme=success]){--dwc-navigator-button-hover-color:var(--dwc-color-success-text-light);--dwc-navigator-button-active-color:var(--dwc-color-success-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-success);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-success);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-success);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-success-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([theme=warning]){--dwc-navigator-button-hover-color:var(--dwc-color-warning-text-light);--dwc-navigator-button-active-color:var(--dwc-color-warning-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-warning);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-warning);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-warning);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-warning-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([theme=danger]){--dwc-navigator-button-hover-color:var(--dwc-color-danger-text-light);--dwc-navigator-button-active-color:var(--dwc-color-danger-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-danger);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-danger);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-danger);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-danger-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([theme=info]){--dwc-navigator-button-hover-color:var(--dwc-color-info-text-light);--dwc-navigator-button-active-color:var(--dwc-color-info-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-info);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-info);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-info);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-info-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([theme=gray]){--dwc-navigator-button-hover-color:var(--dwc-color-gray-text-light);--dwc-navigator-button-active-color:var(--dwc-color-gray-text-dark);--dwc-navigator-button-focus-border:var(--dwc-color-gray);--dwc-navigator-button-focus-ring:var(--dwc-focus-ring-gray);--dwc-navigator-numbered-button-hover-color:var(--dwc-navigator-button-hover-color);--dwc-navigator-numbered-button-selected-background:var(--dwc-color-gray);--dwc-navigator-numbered-button-selected-color:var(--dwc-color-on-gray-text);--dwc-navigator-numbered-button-focus-ring:var(--dwc-navigator-button-focus-ring)}:host([expanse=xl]){font-size:var(--dwc-font-size-xl)}:host([expanse=l]){font-size:var(--dwc-font-size-l)}:host([expanse=m]){font-size:var(--dwc-font-size-m)}:host([expanse=s]){font-size:var(--dwc-font-size-s)}:host([expanse=xs]){font-size:var(--dwc-font-size-xs)}:host([disabled]) [part~=button],[part~=button][disabled]{cursor:var(--dwc-disabled-cursor);opacity:var(--dwc-disabled-opacity);user-select:none;cursor:var(--dwc-cursor-disabled)}:host([disabled]) [part~=button] *,[part~=button][disabled] *{cursor:var(--dwc-disabled-cursor);user-select:none}:host([disabled]){cursor:var(--dwc-cursor-disabled)}';export{c as dwc_navigator}