@govtechsg/sgds-web-component 3.13.1 → 3.14.0

package/components/Pagination/index.umd.min.js

@@ -2341,7 +2341,7 @@ const Pe=1;class ke{constructor(e){}get _$isConnected(){return this._$parent._$i
                     size=${Ee(this._assignIconSize(this.size))}
                   ></sgds-icon>`}
           </${t}>
-        `}}Zt.styles=[...je.styles,mt],Zt.dependencies={"sgds-icon":pt,"sgds-spinner":ft},e([Ve({type:String,reflect:!0})],Zt.prototype,"name",void 0);var xt,Ct,bt,Mt=o`ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}svg{vertical-align:middle}.pagination{display:inline-flex;gap:var(--sgds-gap-2-xs);list-style:none;padding-left:0}.page-link{align-items:center;background-color:var(--sgds-bg-transparent);border:1px solid var(--sgds-border-color-default);border-radius:var(--sgds-border-radius-md);display:flex;height:var(--sgds-dimension-48);justify-content:center;width:var(--sgds-dimension-48)}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:focus,.page-link:not(.ellipsis):hover{background-color:var(--sgds-primary-bg-translucent);color:var(--sgds-primary-color-default)}.page-link:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.page-item>.page-link:not(.ellipsis){cursor:pointer}.page-item.active .page-link{background-color:var(--sgds-primary-bg-default);border-color:var(--sgds-info);color:var(--sgds-color-fixed-light)}.ellipsis-disabled,.page-item.disabled .page-link{opacity:var(--sgds-opacity-50)}.ellipsis-disabled{cursor:not-allowed;pointer-events:none}.pagination-sm .page-link{font-size:var(--sgds-font-size-14);height:var(--sgds-dimension-40);width:var(--sgds-dimension-40)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pagination-description{align-items:center;display:flex}.pagination-sm .pagination-description{font-size:var(--sgds-font-size-14)}`;class yt extends Se{constructor(){super(...arguments),this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.variant="default",this.navigation="icon-button",this.size="md",this._limit=4,this.ellipsisContent=Q`
+        `}}Zt.styles=[...je.styles,mt],Zt.dependencies={"sgds-icon":pt,"sgds-spinner":ft},e([Ve({type:String,reflect:!0})],Zt.prototype,"name",void 0);var xt,Ct,bt,Mt=o`ul{margin-bottom:1rem;margin-top:0;padding-left:2rem}svg{vertical-align:middle}.pagination{display:inline-flex;gap:var(--sgds-gap-2-xs);list-style:none;padding-left:0}.page-link{align-items:center;background-color:var(--sgds-bg-transparent);border-radius:var(--sgds-border-radius-md);display:flex;height:var(--sgds-dimension-48);justify-content:center;width:var(--sgds-dimension-48)}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:focus,.page-link:not(.ellipsis):hover{background-color:var(--sgds-primary-surface-translucent);color:var(--sgds-primary-color-default)}.page-link:focus-visible{outline:var(--sgds-outline-focus);outline-offset:var(--sgds-outline-offset-focus)}.page-item>.page-link:not(.ellipsis){cursor:pointer}.page-item.active .page-link{background-color:var(--sgds-primary-surface-default);color:var(--sgds-color-fixed-light)}.ellipsis-disabled,.page-item.disabled .page-link{opacity:var(--sgds-opacity-50)}.ellipsis-disabled{cursor:not-allowed;pointer-events:none}.pagination-sm .page-link{font-size:var(--sgds-font-size-14);height:var(--sgds-dimension-40);width:var(--sgds-dimension-40)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pagination-description{align-items:center;display:flex}.pagination-sm .pagination-description{font-size:var(--sgds-font-size-14)}`;class yt extends Se{constructor(){super(...arguments),this.dataLength=0,this.currentPage=1,this.itemsPerPage=5,this.variant="default",this.navigation="icon-button",this.size="md",this._limit=4,this.ellipsisContent=Q`
     <span aria-hidden="true">…</span>
     <span class="sr-only" role="text">Ellipsis</span>
   `,this._renderFirstEllipsis=()=>this.pages.length<=7||!(this.pages.length!==this._limit&&this.currentPage>4)?null:Q`
@@ -2354,6 +2354,7 @@ const Pe=1;class ke{constructor(e){}get _$isConnected(){return this._$parent._$i
       slot=${"Prev"===e?"leftIcon":"rightIcon"}
     ></sgds-icon>`;return Q`
       <sgds-button
+        tone="neutral"
         ariaLabel=${"Prev"===e?"Previous":"Next"}
         size=${this.size}
         @click=${l?void 0:t}
@@ -2406,6 +2407,7 @@ const Pe=1;class ke{constructor(e){}get _$isConnected(){return this._$parent._$i
       </li>
     `}_renderDirectionButton(e,t){const l=this.currentPage===this.pages.length||this.pages.length<=1,a=1===this.currentPage,i="Prev"===e?a:l;return"button"===this.navigation?Q`${this._getNavButton(e,t,i)}`:"icon-button"===this.navigation?Q`${this._getIconButton(e,t,i)}`:Q`${le}`}_getIconButton(e,t,l){return Q`
       <sgds-icon-button
+        tone="neutral"
         ariaLabel=${"Prev"===e?"Previous":"Next"}
         size=${this.size}
         @click=${l?void 0:t}