@esri/calcite-components 1.9.0-next.5 → 1.9.0-next.7

package/dist/calcite/p-fc66e25e.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.9.0-next.5
- */
-import{r as t,c as e,h as i,F as s,a}from"./p-697cac06.js";import{s as o,a as n,c as l}from"./p-0a7b1cec.js";import{n as c,c as r,d as h}from"./p-ac7c6fb4.js";import{u as p,c as d,s as u,d as m}from"./p-6930d00b.js";import{c as g}from"./p-670a12e0.js";import"./p-c0329007.js";import"./p-1079767f.js";import"./p-594685ef.js";import"./p-85ba9cf2.js";const v="is-disabled";let b;function f(t,e){return parseInt(t.getPropertyValue(e))}async function x(){return b||(b=new Promise((t=>{requestAnimationFrame((()=>{const e=getComputedStyle(document.body);t({width:{large:f(e,"--calcite-app-breakpoint-width-lg"),medium:f(e,"--calcite-app-breakpoint-width-md"),small:f(e,"--calcite-app-breakpoint-width-sm"),xsmall:f(e,"--calcite-app-breakpoint-width-xs")}})}))})),b)}const k=class{constructor(i){t(this,i),this.calcitePaginationChange=e(this,"calcitePaginationChange",6),this.resizeObserver=g("resize",(t=>t.forEach(this.resizeHandler))),this.resizeHandler=({contentRect:{width:t}})=>this.setMaxItemsToBreakpoint(t),this.previousClicked=async()=>{await this.previousPage(),this.emitUpdate()},this.nextClicked=async()=>{await this.nextPage(),this.emitUpdate()},this.handlePageClick=t=>{this.startItem=parseInt(t.target.value,10),this.emitUpdate()},this.groupSeparator=!1,this.messages=void 0,this.messageOverrides=void 0,this.numberingSystem=void 0,this.pageSize=20,this.scale="m",this.startItem=1,this.totalItems=0,this.defaultMessages=void 0,this.effectiveLocale="",this.maxItems=5,this.totalPages=void 0}onMessagesChange(){}handleTotalPages(){this.totalPages=this.totalItems/this.pageSize}effectiveLocaleChange(){p(this,this.effectiveLocale)}effectiveLocaleWatcher(){c.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator}}connectedCallback(){r(this),d(this),this.resizeObserver?.observe(this.el)}async componentWillLoad(){const[,t]=await Promise.all([u(this),x()]);this.breakpoints=t,o(this),this.handleTotalPages()}componentDidLoad(){n(this),this.setMaxItemsToBreakpoint(this.el.clientWidth)}disconnectedCallback(){h(this),m(this),this.resizeObserver?.disconnect()}async setFocus(){await l(this),this.el.focus()}async nextPage(){this.startItem=Math.min(this.getLastStart(),this.startItem+this.pageSize)}async previousPage(){this.startItem=Math.max(1,this.startItem-this.pageSize)}setMaxItemsToBreakpoint(t){const{breakpoints:e}=this;e&&t&&(this.maxItems=t>=e.width.medium?11:t>=e.width.small?9:t>=e.width.xsmall?7:5)}getLastStart(){const{totalItems:t,pageSize:e,totalPages:i}=this;return 1+(t%e==0?t-e:Math.floor(i)*e)}showStartEllipsis(){return this.totalPages>this.maxItems&&Math.floor(this.startItem/this.pageSize)>this.maxItems-2-2}showEndEllipsis(){return this.totalPages>this.maxItems&&(this.totalItems-this.startItem)/this.pageSize>this.maxItems-2-1}emitUpdate(){this.calcitePaginationChange.emit()}renderEllipsis(t){return i("span",{class:{ellipsis:!0,"ellipsis--start":"start"===t,"ellipsis--end":"end"===t},key:t},"…")}renderItems(){const{totalItems:t,pageSize:e,startItem:i,maxItems:s,totalPages:a}=this,o=[],n=t>e,l=this.showStartEllipsis(),c=this.showEndEllipsis(),r=this.getLastStart();n&&o.push(this.renderPage(1)),l&&o.push(this.renderEllipsis("start"));const h=s-2-(c?1:0)-(l?1:0);let p,d;a-1<=h?(d=1+e,p=r-e):i/e<h?(d=1+e,p=1+h*e):i+h*e>=t?(d=r-h*e,p=r-e):(d=i-e*((h-1)/2),p=i+e*((h-1)/2));for(let t=0;t<h&&d<=p;t++)o.push(this.renderPage(d)),d+=e;return c&&o.push(this.renderEllipsis("end")),o.push(this.renderPage(r)),o}renderPage(t){const{pageSize:e}=this,s=Math.floor(t/e)+(1===e?0:1);c.numberFormatOptions={locale:this.effectiveLocale,numberingSystem:this.numberingSystem,useGrouping:this.groupSeparator};const a=c.localize(s.toString()),o=t===this.startItem;return i("button",{"aria-current":o?"page":"false",class:{page:!0,"is-selected":o},onClick:this.handlePageClick,value:t},a)}render(){const{totalItems:t,pageSize:e,startItem:a,messages:o,scale:n}=this,l=1===e?a<=e:a<e,c=a+e>t,r="l"===n?"m":"s";return i(s,null,i("button",{"aria-label":o.previous,class:{previous:!0,[v]:l},disabled:l,onClick:this.previousClicked},i("calcite-icon",{flipRtl:!0,icon:"chevronLeft",scale:r})),this.renderItems(),i("button",{"aria-label":o.next,class:{next:!0,[v]:c},disabled:c,onClick:this.nextClicked},i("calcite-icon",{flipRtl:!0,icon:"chevronRight",scale:r})))}static get delegatesFocus(){return!0}static get assetsDirs(){return["assets"]}get el(){return a(this)}static get watchers(){return{messageOverrides:["onMessagesChange"],pageSize:["handleTotalPages"],totalItems:["handleTotalPages"],effectiveLocale:["effectiveLocaleChange","effectiveLocaleWatcher"]}}};k.style=":host{display:flex;writing-mode:horizontal-tb}:host([scale=s]) .previous,:host([scale=s]) .next,:host([scale=s]) .page,:host([scale=s]) .ellipsis{block-size:1.5rem;padding-inline:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem;min-inline-size:1.5rem}:host([scale=m]) .previous,:host([scale=m]) .next,:host([scale=m]) .page,:host([scale=m]) .ellipsis{block-size:2rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem;min-inline-size:2rem}:host([scale=l]) .previous,:host([scale=l]) .next,:host([scale=l]) .page,:host([scale=l]) .ellipsis{block-size:2.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem;min-inline-size:2.75rem}:host([scale=l]) .previous,:host([scale=l]) .next{padding-inline:0.625rem}:host([scale=l]) .page,:host([scale=l]) .ellipsis{padding-inline:0.75rem}:host button{outline-color:transparent}:host button:focus{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.previous,.next,.page,.ellipsis{margin:0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-style:none;--tw-border-opacity:0;background-color:transparent;padding:0px;vertical-align:baseline;font-family:inherit;font-size:var(--calcite-font-size-0);line-height:1.25rem;color:var(--calcite-ui-text-3)}.previous,.next,.page{cursor:pointer;border-block:2px solid transparent}.previous:hover,.next:hover,.page:hover{color:var(--calcite-ui-text-1);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.page:hover{border-block-end-color:var(--calcite-ui-border-2)}.page.is-selected{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1);border-block-end-color:var(--calcite-ui-brand)}.previous:hover,.next:hover{background-color:var(--calcite-ui-foreground-2);color:var(--calcite-ui-brand)}.previous:active,.next:active{background-color:var(--calcite-ui-foreground-3)}.previous.is-disabled,.next.is-disabled{pointer-events:none;background-color:transparent}.previous.is-disabled>calcite-icon,.next.is-disabled>calcite-icon{opacity:var(--calcite-ui-opacity-disabled)}:host([hidden]){display:none}[hidden]{display:none}";export{k as calcite_pagination}