@carbon/web-components 1.38.0 → 1.39.0

package/README.md

@@ -505,3 +505,12 @@ By default Chrome runs in headless mode. You can show Chrome UI by:
 ```
 > CI=false yarn test:integration:ui
 ```
+
+## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
+
+This package uses IBM Telemetry to collect metrics data. By installing this
+package as a dependency you are agreeing to telemetry collection. To opt out,
+see
+[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
+For more information on the data being collected, please see the
+[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

package/custom-elements.json

@@ -5327,6 +5327,77 @@
         }
       ]
     },
+    {
+      "name": "bx-pagination-nav",
+      "path": "./src/components/pagination-nav/pagination-nav.ts",
+      "description": "Pagination Navigation.",
+      "attributes": [
+        {
+          "name": "items-shown",
+          "description": "The maxiumum number of items to show in pager nav.\n   - includes overflow items\n   - excludes prev/next buttons\n   - minumum value of 5",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "loop",
+          "description": "Whether to allow looping between first/last pages.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "page",
+          "description": "Active page index (0-based).",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "total-items",
+          "description": "Total number of pages",
+          "type": "number",
+          "default": "1"
+        }
+      ],
+      "properties": [
+        {
+          "name": "itemsShown",
+          "attribute": "items-shown",
+          "description": "The maxiumum number of items to show in pager nav.\n   - includes overflow items\n   - excludes prev/next buttons\n   - minumum value of 5",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "loop",
+          "attribute": "loop",
+          "description": "Whether to allow looping between first/last pages.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "page",
+          "attribute": "page",
+          "description": "Active page index (0-based).",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "totalItems",
+          "attribute": "total-items",
+          "description": "Total number of pages",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "styles",
+          "default": "\"styles\""
+        }
+      ],
+      "events": [
+        {
+          "name": "bx-page-changed",
+          "description": "The custom event fired when the the page has been changed."
+        }
+      ]
+    },
     {
       "name": "bx-page-sizes-select",
       "path": "./src/components/pagination/page-sizes-select.ts",

package/dist/pagination-nav.min.js

@@ -0,0 +1,65 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * lit-html:
+ * 
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ * 
+ * lit-element:
+ * 
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ * 
+ * flatpickr:
+ * 
+ *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    *****************************************************************************
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/@carbon/icons
+ * https://www.npmjs.com/package/lodash-es
+ */
+
+import{c as e,a as t,_ as n,L as a,h as i,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c}from"./carbon-element-18175602.js";import{c as p}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{p as l}from"./decorators-56213c84.js";var d=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-left:0}.bx--pagination-nav__list-item:last-child{padding-right:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;left:50%;opacity:0;position:absolute;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{left:calc(50% - .5rem);opacity:1;width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{left:calc(50% - .5rem);pointer-events:none;position:absolute;top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let h,v,b,f,u=e=>e;const{prefix:x}=o;n([c(`${x}-pagination-nav`)],(function(e,n){class a extends n{constructor(...t){super(...t),e(this)}}return{F:a,d:[{kind:"field",decorators:[l({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[l({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[l({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[l({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:a}=this.constructor,i=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(i.length>t){const e=i.shift(),r=i.pop(),{front:s,back:c}=a(n,i.length,t-2),p=i.splice(c),g=i.splice(0,s),l=p.length>1?p:p[0];o=[e,g.length>1?g:g[0],...i,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=i;this._iterator=o}r(s(a.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t-1<0;this.page=e?a?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,a=t+1>=n;this.page=e?a?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return i(h||(h=u`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:n}=this;return i(v||(v=u`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),n,e.map((e=>i(b||(b=u`<option value="${0}">${0}</option>`),e,e+1))),x,(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`)({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:a,_iterator:o,incrementIndex:r,decrementIndex:s}=this,c=!e&&n>=a-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return i(f||(f=u`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,c,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const a=(n-1)/2;let i=e-Math.ceil(a),o=e+Math.floor(a)-1;return i<1&&(o+=Math.abs(i-1)),o>t-1&&(i-=Math.abs(t-o-1)),{front:i,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>d}]}}),a);

package/dist/pagination-nav.rtl.min.js

@@ -0,0 +1,65 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * lit-html:
+ * 
+ * @license
+ * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ * 
+ * lit-element:
+ * 
+ * @license
+ * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
+ * This code may only be used under the BSD style license found at
+ * http://polymer.github.io/LICENSE.txt
+ * The complete set of authors may be found at
+ * http://polymer.github.io/AUTHORS.txt
+ * The complete set of contributors may be found at
+ * http://polymer.github.io/CONTRIBUTORS.txt
+ * Code distributed by Google as part of the polymer project is also
+ * subject to an additional IP rights grant found at
+ * http://polymer.github.io/PATENTS.txt
+ * 
+ * flatpickr:
+ * 
+ *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    *****************************************************************************
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/@carbon/icons
+ * https://www.npmjs.com/package/lodash-es
+ */
+
+import{c as e,a as t,_ as n,L as i,h as a,s as o}from"./settings-898bd7b0.js";import{_ as r,a as s}from"./get-d229c408.js";import{c}from"./carbon-element-18175602.js";import{c as p}from"./class-map-bd61e03f.js";import{s as g}from"./spread-989d7408.js";import{p as l}from"./decorators-56213c84.js";var d=e(['a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility}code{font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0);line-height:var(--cds-productive-heading-06-line-height,1.199)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0);line-height:var(--cds-productive-heading-05-line-height,1.25)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0);line-height:var(--cds-productive-heading-04-line-height,1.28572)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0);line-height:var(--cds-productive-heading-03-line-height,1.4)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0);line-height:var(--cds-productive-heading-02-line-height,1.375)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px);line-height:var(--cds-productive-heading-01-line-height,1.28572)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);letter-spacing:var(--cds-body-long-02-letter-spacing,0);line-height:var(--cds-body-long-02-line-height,1.5)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:right}20%{opacity:1;transform:scaleX(1);transform-origin:right}28%{transform:scaleX(1);transform-origin:left}51%{transform:scaleX(0);transform-origin:left}58%{transform:scaleX(0);transform-origin:left}82%{transform:scaleX(1);transform-origin:left}83%{transform:scaleX(1);transform-origin:right}96%{transform:scaleX(0);transform-origin:right}to{opacity:.3;transform:scaleX(0);transform-origin:right}}.bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}.bx--pagination-nav *,.bx--pagination-nav :after,.bx--pagination-nav :before{box-sizing:inherit}.bx--pagination-nav__list{align-items:center;display:flex;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-right:0}.bx--pagination-nav__list-item:last-child{padding-left:0}.bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}.bx--pagination-nav__page *,.bx--pagination-nav__page :after,.bx--pagination-nav__page :before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page:after,.bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper:after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}.bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:0;margin:0;padding:0;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav :after,:host(bx-pagination-nav) .bx--pagination-nav :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{align-items:center;display:flex;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__page{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;border-radius:0;box-sizing:border-box;color:var(--cds-text-02,#525252);cursor:pointer;display:inline-block;display:block;font-family:inherit;font-size:var(--cds-body-short-01-font-size,.875rem);font-size:100%;font-weight:var(--cds-body-short-01-font-weight,400);font-weight:400;letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:var(--cds-body-short-01-line-height,1.28572);line-height:1;margin:0;min-width:3rem;outline:0;padding:1.0625rem .25rem;position:relative;text-align:center;text-decoration:none;transition:background-color .11s cubic-bezier(.2,0,.38,.9),color .11s cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:baseline}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page :after,:host(bx-pagination-nav) .bx--pagination-nav__page :before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:none;color:rgba(var(--cds-text-02,#525252),.5);outline:none;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page:after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{align-items:center;display:flex;height:3rem;justify-content:center;line-height:0;width:3rem}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-height:3rem;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{height:100%;pointer-events:none;position:absolute;top:0;width:100%}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{background-color:var(--cds-interactive-01,#0f62fe);bottom:0;content:"";display:block;height:.25rem;opacity:0;position:absolute;right:50%;transition:width .11s cubic-bezier(.2,0,.38,.9);width:0}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction):after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active:after{opacity:1;right:calc(50% - .5rem);width:1rem}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{pointer-events:none;position:absolute;right:calc(50% - .5rem);top:calc(50% - .5rem)}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;visibility:inherit;white-space:nowrap;width:1px}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);cursor:not-allowed;pointer-events:revert}']);let h,v,b,f,u=e=>e;const{prefix:x}=o;n([c(`${x}-pagination-nav`)],(function(e,n){class i extends n{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[l({attribute:"items-shown",reflect:!0,type:Number})],key:"itemsShown",value:()=>1},{kind:"field",decorators:[l({attribute:"loop",type:Boolean})],key:"loop",value:()=>!1},{kind:"field",decorators:[l({attribute:"page",reflect:!0,type:Number})],key:"page",value:()=>0},{kind:"field",decorators:[l({attribute:"total-items",reflect:!0,type:Number})],key:"totalItems",value:()=>1},{kind:"field",key:"_iterator",value:()=>[]},{kind:"method",key:"shouldUpdate",value:function(e){return e.has("itemsShown")&&this.itemsShown<5&&(this.itemsShown=5),(e.has("count")||e.has("page"))&&(this.page>this.totalItems&&(this.page=this.totalItems-1),this.page<0&&(this.page=0)),!0}},{kind:"method",key:"update",value:function(e){if(e.has("totalItems")||e.has("itemsShown")||e.has("page")){const{totalItems:e,itemsShown:t,page:n}=this,{calculateCuts:i}=this.constructor,a=[...new Array(Math.max(e,1))].map(((e,t)=>t));let o;if(a.length>t){const e=a.shift(),r=a.pop(),{front:s,back:c}=i(n,a.length,t-2),p=a.splice(c),g=a.splice(0,s),l=p.length>1?p:p[0];o=[e,g.length>1?g:g[0],...a,l,r].filter((e=>"number"==typeof e||Array.isArray(e)&&e.length))}else o=a;this._iterator=o}r(s(i.prototype),"update",this).call(this,e)}},{kind:"method",key:"updated",value:function(e){if(e.has("page")){const{pageChangedEvent:t}=this.constructor,n=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{oldValue:e.get("page"),newValue:this.page}});this.dispatchEvent(n),window.requestAnimationFrame((()=>{const e=this.shadowRoot.querySelector(".bx--pagination-nav__page--active"),t=this.shadowRoot.activeElement;if(t){t.matches("button:not([value])")||t===e||e.focus()}}))}}},{kind:"method",key:"setIndex",value:function(e){const{target:t}=e,{value:n}=t;this.page=parseInt(n),t instanceof HTMLSelectElement&&(t.value="")}},{kind:"method",key:"decrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,i=t-1<0;this.page=e?i?n-1:t-1:Math.max(this.page-1,0)}},{kind:"method",key:"incrementIndex",value:function(){const{loop:e,page:t,totalItems:n}=this,i=t+1>=n;this.page=e?i?0:t+1:Math.min(this.page+1,this.totalItems-1)}},{kind:"method",key:"renderIndividualItem",value:function(e=3){const{page:t,setIndex:n}=this;return a(h||(h=u`<li class="${0}--pagination-nav__list-item"><button class="${0}" type="button" value="${0}" @click="${0}">${0}</button></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--active`]:e===t}),e,n,e+1)}},{kind:"method",key:"renderGroupedItems",value:function(e){const{setIndex:n}=this;return a(v||(v=u`<li><div class="${0}--pagination-nav__select"><select class="${0}" @change="${0}" aria-label="Select Page Number"><option value=""></option>${0}</select><div class="${0}--pagination-nav__select-icon-wrapper">${0}</div></div></li>`),x,p({[`${x}--pagination-nav__page`]:!0,[`${x}--pagination-nav__page--select`]:!0}),n,e.map((e=>a(b||(b=u`<option value="${0}">${0}</option>`),e,e+1))),x,(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<circle cx="8" cy="16" r="2"></circle><circle cx="16" cy="16" r="2"></circle><circle cx="24" cy="16" r="2"></circle></svg>`)({class:`${x}--pagination-nav__select-icon`}))}},{kind:"method",key:"render",value:function(){const{loop:e,page:n,totalItems:i,_iterator:o,incrementIndex:r,decrementIndex:s}=this,c=!e&&n>=i-1,l={[`${x}--pagination-nav__page`]:!0,[`${x}--btn--icon-only`]:!0,[`${x}--btn`]:!0,[`${x}--btn--ghost`]:!0};return a(f||(f=u`<nav class="${0}--pagination-nav"><ul class="${0}--pagination-nav__list"><li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li>${0}<li class="${0}--pagination-nav__list-item"><button type="button" @click="${0}" ?disabled="${0}" class="${0}">${0}</button></li></ul></nav>`),x,x,x,s,!e&&n<=0,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M20 24L10 16 20 8z"></path></svg>`)(),o.map((e=>"number"==typeof e?this.renderIndividualItem(e):Array.isArray(e)?this.renderGroupedItems(e):void 0)),x,r,c,p(l),(({children:e,...n}={})=>t`<svg focusable="false" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" fill="currentColor" ...="${g(n)}" aria-hidden="true" width="16" height="16" viewBox="0 0 32 32">${e}${e}<path d="M12 8L22 16 12 24z"></path></svg>`)())}},{kind:"get",static:!0,key:"pageChangedEvent",value:function(){return`${x}-page-changed`}},{kind:"method",static:!0,key:"calculateCuts",value:function(e,t,n){const i=(n-1)/2;let a=e-Math.ceil(i),o=e+Math.floor(i)-1;return a<1&&(o+=Math.abs(a-1)),o>t-1&&(a-=Math.abs(t-o-1)),{front:a,back:o}}},{kind:"field",static:!0,key:"styles",value:()=>d}]}}),i);

package/es/components/pagination-nav/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './pagination-nav';
+
+//# sourceMappingURL=index.d.ts.map

package/es/components/pagination-nav/index.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import './pagination-nav';
+//# sourceMappingURL=index.js.map

package/es/components/pagination-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["components/pagination-nav/index.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport './pagination-nav';\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,kBAAkB"}

package/es/components/pagination-nav/pagination-nav.css.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+export default css([
+  'a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}button,input,select,textarea{border-radius:0;font-family:inherit}input[type=text]::-ms-clear{display:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}body{line-height:1}sup{vertical-align:super}sub{vertical-align:sub}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:""}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}button{margin:0}html{font-size:100%}body{font-weight:400;font-family:\'IBM Plex Sans\',\'Helvetica Neue\',Arial,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}code{font-family:\'IBM Plex Mono\',Menlo,\'DejaVu Sans Mono\',\'Bitstream Vera Sans Mono\',Courier,monospace}strong{font-weight:600}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}h1{font-size:var(--cds-productive-heading-06-font-size,2.625rem);font-weight:var(--cds-productive-heading-06-font-weight,300);line-height:var(--cds-productive-heading-06-line-height,1.199);letter-spacing:var(--cds-productive-heading-06-letter-spacing,0)}h2{font-size:var(--cds-productive-heading-05-font-size,2rem);font-weight:var(--cds-productive-heading-05-font-weight,300);line-height:var(--cds-productive-heading-05-line-height,1.25);letter-spacing:var(--cds-productive-heading-05-letter-spacing,0)}h3{font-size:var(--cds-productive-heading-04-font-size,1.75rem);font-weight:var(--cds-productive-heading-04-font-weight,400);line-height:var(--cds-productive-heading-04-line-height,1.28572);letter-spacing:var(--cds-productive-heading-04-letter-spacing,0)}h4{font-size:var(--cds-productive-heading-03-font-size,1.25rem);font-weight:var(--cds-productive-heading-03-font-weight,400);line-height:var(--cds-productive-heading-03-line-height,1.4);letter-spacing:var(--cds-productive-heading-03-letter-spacing,0)}h5{font-size:var(--cds-productive-heading-02-font-size,1rem);font-weight:var(--cds-productive-heading-02-font-weight,600);line-height:var(--cds-productive-heading-02-line-height,1.375);letter-spacing:var(--cds-productive-heading-02-letter-spacing,0)}h6{font-size:var(--cds-productive-heading-01-font-size,.875rem);font-weight:var(--cds-productive-heading-01-font-weight,600);line-height:var(--cds-productive-heading-01-line-height,1.28572);letter-spacing:var(--cds-productive-heading-01-letter-spacing,.16px)}p{font-size:var(--cds-body-long-02-font-size,1rem);font-weight:var(--cds-body-long-02-font-weight,400);line-height:var(--cds-body-long-02-line-height,1.5);letter-spacing:var(--cds-body-long-02-letter-spacing,0)}a{color:#0f62fe}em{font-style:italic}@keyframes skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}100%{opacity:.3;transform:scaleX(0);transform-origin:left}}.bx--pagination-nav{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:0}.bx--pagination-nav *,.bx--pagination-nav ::after,.bx--pagination-nav ::before{box-sizing:inherit}.bx--pagination-nav__list{display:flex;align-items:center;list-style:none}.bx--pagination-nav__list-item{padding:0}.bx--pagination-nav__list-item:first-child{padding-left:0}.bx--pagination-nav__list-item:last-child{padding-right:0}.bx--pagination-nav__page{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;position:relative;display:block;min-width:3rem;padding:1.0625rem .25rem;border-radius:0;color:var(--cds-text-02,#525252);font-weight:400;line-height:1;outline:0;text-align:center;text-decoration:none;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.bx--pagination-nav__page *,.bx--pagination-nav__page ::after,.bx--pagination-nav__page ::before{box-sizing:inherit}.bx--pagination-nav__page::-moz-focus-inner{border:0}.bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}.bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.bx--pagination-nav__page:focus{outline-style:dotted}}.bx--pagination-nav__page.bx--pagination-nav__page--disabled,.bx--pagination-nav__page:disabled{background:0 0;color:rgba(var(--cds-text-02,#525252),.5);outline:0;pointer-events:none}.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;left:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__page::after,.bx--pagination-nav__page.bx--pagination-nav__page--active::after{left:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}.bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}.bx--pagination-nav__page--direction{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;line-height:0}.bx--pagination-nav__select{position:relative}.bx--pagination-nav__page--select{max-height:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){.bx--pagination-nav__page--select{text-indent:0}}.bx--pagination-nav__select-icon-wrapper{position:absolute;top:0;width:100%;height:100%;pointer-events:none}.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;left:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper::after,.bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after{left:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page--active+.bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}.bx--pagination-nav__select-icon{position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);pointer-events:none}.bx--pagination-nav__accessibility-label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:host(bx-pagination-nav) .bx--pagination-nav{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);line-height:0}:host(bx-pagination-nav) .bx--pagination-nav *,:host(bx-pagination-nav) .bx--pagination-nav ::after,:host(bx-pagination-nav) .bx--pagination-nav ::before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__list{display:flex;align-items:center;list-style:none}:host(bx-pagination-nav) .bx--pagination-nav__list-item{padding:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:first-child{padding-left:0}:host(bx-pagination-nav) .bx--pagination-nav__list-item:last-child{padding-right:0}:host(bx-pagination-nav) .bx--pagination-nav__page{font-size:var(--cds-body-short-01-font-size,.875rem);font-weight:var(--cds-body-short-01-font-weight,400);line-height:var(--cds-body-short-01-line-height,1.28572);letter-spacing:var(--cds-body-short-01-letter-spacing,.16px);box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;cursor:pointer;position:relative;display:block;min-width:3rem;padding:1.0625rem .25rem;border-radius:0;color:var(--cds-text-02,#525252);font-weight:400;line-height:1;outline:0;text-align:center;text-decoration:none;transition:background-color 110ms cubic-bezier(.2,0,.38,.9),color 110ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(bx-pagination-nav) .bx--pagination-nav__page *,:host(bx-pagination-nav) .bx--pagination-nav__page ::after,:host(bx-pagination-nav) .bx--pagination-nav__page ::before{box-sizing:inherit}:host(bx-pagination-nav) .bx--pagination-nav__page::-moz-focus-inner{border:0}:host(bx-pagination-nav) .bx--pagination-nav__page:hover{background-color:var(--cds-hover-ui,#e5e5e5);color:var(--cds-text-02,#525252)}:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){:host(bx-pagination-nav) .bx--pagination-nav__page:focus{outline-style:dotted}}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--disabled,:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{background:0 0;color:rgba(var(--cds-text-02,#525252),.5);outline:0;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;left:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__page:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__page::after,:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active::after{left:calc(50% - .5rem);width:1rem;opacity:1}:host(bx-pagination-nav) .bx--pagination-nav__page.bx--pagination-nav__page--active{background-color:initial;color:var(--cds-text-02,#525252);font-weight:600}:host(bx-pagination-nav) .bx--pagination-nav__page .bx--pagination-nav__icon{fill:currentColor;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__page--direction{display:flex;width:3rem;height:3rem;align-items:center;justify-content:center;line-height:0}:host(bx-pagination-nav) .bx--pagination-nav__select{position:relative}:host(bx-pagination-nav) .bx--pagination-nav__page--select{max-height:3rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-indent:calc(50% - 4.5px)}@-moz-document url-prefix(){:host(bx-pagination-nav) .bx--pagination-nav__page--select{text-indent:0}}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper{position:absolute;top:0;width:100%;height:100%;pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{position:absolute;bottom:0;left:50%;display:block;width:0;height:.25rem;background-color:var(--cds-interactive-01,#0f62fe);content:"";opacity:0;transition:width 110ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper:not(.bx--pagination-nav__page--direction)::after{transition:none}}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper::after,:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper.bx--pagination-nav__page--active::after{left:calc(50% - .5rem);width:1rem;opacity:1}.bx--pagination-nav__page--active+:host(bx-pagination-nav) .bx--pagination-nav__select-icon-wrapper .bx--pagination-nav__select-icon{display:none}:host(bx-pagination-nav) .bx--pagination-nav__select-icon{position:absolute;top:calc(50% - .5rem);left:calc(50% - .5rem);pointer-events:none}:host(bx-pagination-nav) .bx--pagination-nav__accessibility-label{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}:host(bx-pagination-nav) .bx--pagination-nav__page:disabled{color:var(--cds-disabled-02,#c6c6c6);pointer-events:revert;cursor:not-allowed}',
+]);

package/es/components/pagination-nav/pagination-nav.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit-element';
+/**
+ * Pagination Navigation.
+ *
+ * @element bx-pagination-nav
+ * @fires bx-page-changed - The custom event fired when the the page has been changed.
+ */
+declare class BXPaginationNav extends LitElement {
+    /**
+     * The maxiumum number of items to show in pager nav.
+     *   - includes overflow items
+     *   - excludes prev/next buttons
+     *   - minumum value of 5
+     */
+    itemsShown: number;
+    /**
+     * Whether to allow looping between first/last pages.
+     */
+    loop: boolean;
+    /**
+     * Active page index (0-based).
+     */
+    page: number;
+    /**
+     * Total number of pages
+     */
+    totalItems: number;
+    /**
+     * Array allowing us to map out the items
+     *   - Prefer showing this.count
+     *   - Maximum of this.visible
+     *   - Minumum of 1
+     */
+    private _iterator;
+    shouldUpdate(changedProperties: any): boolean;
+    /**
+     * After values are updated, but before rendering, update the iterator.
+     *
+     * @param changedProperties map of previous values of changed properties
+     */
+    update(changedProperties: any): void;
+    /**
+     * After page is selected, dispatch event & ensure focus is on active page.
+     *
+     * @param changedProperties map of changed props.
+     */
+    updated(changedProperties: any): void;
+    /**
+     * Sets the current page to a specified index.
+     *
+     * @param e the click event
+     */
+    setIndex(e: PointerEvent): void;
+    /**
+     * Reduce current page by one, but no lower than 0.
+     */
+    decrementIndex(): void;
+    /**
+     * Increase current page by one, but no higher than (this.totalItems - 1).
+     */
+    incrementIndex(): void;
+    /**
+     * Renders a single list item & button.
+     *
+     * @param i the index to render
+     * @returns Rendered item
+     */
+    renderIndividualItem(i?: number): import("lit-element").TemplateResult;
+    /**
+     * Renders overflow items in a select list.
+     *
+     * @param group the indecies to render
+     * @returns Rendered item
+     */
+    renderGroupedItems(group: number[]): import("lit-element").TemplateResult;
+    render(): import("lit-element").TemplateResult;
+    static get pageChangedEvent(): string;
+    static calculateCuts(page: number, totalItems: number, itemsDisplayedOnPage: number): {
+        front: number;
+        back: number;
+    };
+    static styles: any;
+}
+export default BXPaginationNav;
+
+//# sourceMappingURL=pagination-nav.d.ts.map